Задания на ввод и вывод текста

Лабораторная работа 1. Знакомство с JavaScript

Задание 1. Выведите текст в две строки, так чтобы они были разным цветом:

«Иван рубил дрова. Варвара топила печь».

Самостоятельно измените цвет и размер шрифта.

Задание 2. Сделайте запрос вашего имени, после которого на экране появляется надпись Привет! Имя.

Добавьте самостоятельно запрос на фамилию.

Управление мышью

Задание 3. Реакция на наведение мыши: появляется сообщение «Молодец!»

Наведение мыши onMouseOver

Задание 4. Реакция на щелчок мыши: появляется сообщение «Молодец!»

Щелчок мышью OnClick

Задание 5. Реакция на установку фокуса: появляется сообщение «Попал!!!»

Установка фокуса onFocus

Задание 6. Реакция на потерю фокуса: появляется сообщение «Вы изменили текст»

Команда onBlur (на потерю фокуса)

Если можно сосредоточиться на объекте, значит, можно и «потерять фокус». оnBlur позволяет сообщить пользователю о том, что он изменил свой ответ. Этот обработчик не так часто используется, но вот вам пример. Внизу у меня строка для ввода текста, в которой уже что-то написано. Измените текст и уведите курсор, как если бы вы перешли к следующему предмету в списке.

<form>
<input type="text" size="45" value="Впишите свое имя и щелкните по другой строке"
onBlur="alert('Вы изменили ответ — уверены, что он правильный?');">
</form>

Задание 6. Реакция изменение объекта: появляется сообщение «Вы изменили текст»

Команда onChange(на изменение)

Действие этой команды очень похоже на действие предыдущей, onBlur. Ее главная задача — проверка. Когда мы ближе познакомимся с формами, это станет понятнее. Этот обработчик события проверяет, сделал ли пользователь то, что вы от него просили. Пример очень похож на предыдущий, но действует все-таки по-другому.

<form>
<input TYPE="text" size="45"
value="Измените текст и щелкните по другой строке"
onChange="window.status=' Вы изменили текст ';">
</form>