Задания по JavaScript: form input

Работа с JavaScript становится интересней, когда от основ переходим к объектам типа form input (HTMLFormElement, HTMLInputElement)  и другим. Этот набор заданий рекомендуется выполнить после первых двух занятий на курсах JavaScript.

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

Добавить комментарий