Работа с JavaScript становится интересней, когда от основ переходим к объектам типа form input (HTMLFormElement, HTMLInputElement) и другим. Этот набор заданий рекомендуется выполнить после первых двух занятий на курсах JavaScript.
- Есть HTML-форма: https://jsfiddle.net/htmllab/0agqd4xc/
Напишите код, который при нажатии на гиперссылку будет заполнять однострочное текстовое поле словом «HTMLLab». - Напишите скрипт, который при нажатии на ссылку будет получать текст из многострочного текстового поля, разбивает его на отдельные слова и результат выводит в браузер
https://jsfiddle.net/htmllab/68ha9s8z/ - При нажатии на ссылку надо брать текст из
textarea
, слово изinput
. Сделать так, чтобы скрипт заменял все искомые слова в тексте, на те же слова, но с разметкой. Например: ищем слово «математика», заменяем на «<mark>математика</mark>»
https://jsfiddle.net/htmllab/ouj57m5x/
Примечание: можно использовать регулярные выражения. - Создать в HTML форму ипотечного калькулятора. При помощи JavaScript рассчитывать размер платежа
- Создать таблицу размером 20 на 20, заполненную случайными целыми числами от 100 до 999
- Написать скрипт, который выведет атрибуты
src
всех изображений на странице. - Создать скрипт, который позволяет при нажатии на ссылку отобразить изображение.
<img src=»» alt=»»>
<a href=»»>Ссылка</a> - * Создать игру «Крестики-нолики» подсмотреть игру на jQuery
- ** Создать игру «Морской бой»