При нажатии на imput должна меняться ширина div

[psywalker]

Добрый день.

Что мы имеем:

		
		 <script language="javascript">
				var obj = new Object();

		div = document.getElementById('div');
		input= document.getElementById('input').value;

		obj.test = function(){

			if(input.indexOf('y') ){
				div.style.width = '800';
			}else {
			}
		}
		 </script>

<input type="text" name="input" id="input" value="" />
<input type="button" value="Нажми меня срочно" onclick="obj.test()" />
<div id="div" style="width: 300px;">BLOCK</div>

Задача:

Когда в строке input type="text" появляется буква "y", то принажатии на input type="button" - элемент "div" должен растягиваться до ширины 800px (в данный момент он 300px;);

Вопрос:

Почему этого не происходит и что нужно дописать, чтобы идея работала?

Edited November 4, 2009 by psywalker

[Great Rash]

1.2. alert(typeof n + ': ' + n); - Тут мы уже получаем число 1010, так как выше мы вот этой записью var n = parseInt(z); сделали преобразование переменной 'z' в число? Но тогда вопрос: А почему в таком случае мы получили Число 1010, а не 20, ведь я полагаю, что раз мы преобразовали переменную 'z' в число, то они должны были сложится?

Потому, что мы сначала получаем строку (z), а потом уже ее преобразовываем в число (т.е. запись parseInt(z); эквивалентна такой - parseInt("1010"); )

2.1. А почему обязательно писать оператор + вместе с Каждой переменной, почему бы не написать просто его один раз, например: (typeof z' = ' + z);?

Потому что z это не строка, а переменная в которой хранится строка. Если написать z'text' то будет ошибка. Для этого и существует конкатенация (сложение строк) - "+".

В остальном все верно понял.

Edited November 5, 2009 by Great Rash

[Searcher]

2)

Так, я понял, но вопрос:

2.1. А почему обязательно писать оператор + вместе с Каждой переменной, почему бы не написать просто его один раз, например: (typeof z' = ' + z);?

Дружище, ты пока не пытайся упрощять синтаксис языка. Это дело разработчиков JS Вижу, ты пока мыслишь категориями html и css. Забудь о них, когда пишешь на скриптах. Потому что html еще прощает некоторые описки и недописки, а программа уже не прощает никаких ошибок. Тут все должно быть абсолютно четко, каждый символ должен быть на своем месте и ничего лишнего.

Чтобы понять логику работы программы надо думать не как человек, а как программа интерпретатор на компе. Это человек может догадаться, что это: z' = ' - конкатинация, а интерпретатору откуда это знать? Он обрабатывает какбы по словам. Есть слово z, а потом идет слово ' = ', а что с ними делать - не понятно, нет управляющего символа между ними. Ну и всё, дальше ему плевать на всю программу, он останавливается и говорит: "синтаксическая ошибка".

Edited November 5, 2009 by Searcher

[psywalker]

Great Rash

Спасибо за разъяснение, буду вкуривать

Searcher

Дружище, ты пока не пытайся упрощять синтаксис языка. Это дело разработчиков JS Вижу, ты пока мыслишь категориями html и css. Забудь о них, когда пишешь на скриптах. Потому что html еще прощает некоторые описки и недописки, а программа уже не прощает никаких ошибок. Тут все должно быть абсолютно четко, каждый символ должен быть на своем месте и ничего лишнего.

Чтобы понять логику работы программы надо думать не как человек, а как программа интерпретатор на компе. Это человек может догадаться, что это: z' = ' - конкатинация, а интерпретатору откуда это знать? Он обрабатывает какбы по словам. Есть слово z, а потом идет слово ' = ', а что с ними делать - не понятно, нет управляющего символа между ними. Ну и всё, дальше ему плевать на всю программу, он останавливается и говорит: "синтаксическая ошибка".

ага, понял тебя дружище, спасибо, просто я только начинаю, поэтому наверное так и должно быть, но буду стараться Great Rash

Edited November 5, 2009 by psywalker

[Great Rash]

Чую psywalker скоро всех и в программировании заборет

[psywalker]

Чую psywalker скоро всех и в программировании заборет

даа нее, откуда таам, это же не CSS, тут уже думать надо

[s0rr0w]

Ничо, все были в свое время в аналогичной ситуации.