Назад Вперед Зміст

ЛАБОРАТОРНА РОБОТА № 8

Сторінку, що містить абзаци, заголовки та інші елементи, створіть самостійно.

Варіант 1

  1. При натисканні на кнопку для всіх абзаців зробити шрифт Arial. Після повторного натискання повернути Times New Roman. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку за допомогою методу prompt ввести з клавіатури текст і замінити їм усі заголовки першого рівня, а також зробити їх покресленими.
  3. Дані 4 інпути та кнопка. Після натискання на кнопку отримайте числа, що стоять у цих інпутах і запишіть їхню суму в абзац з id="result"

Варіант 2

  1. При натисканні на кнопку для всіх заголовків першого рівня зробити підкреслення. При повторному натисканні підкреслення видалити. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку за допомогою методу prompt ввести з клавіатури текст і замінити їм усі абзаци, а також змінити їх шрифт на Courier New.
  3. Дані посилання та кнопка. Натиснувши кнопку, додайте в кінець кожного посилання її текст у круглих дужках.

Варіант 3

  1. При натисканні на кнопку зробити для всіх елементів класу r розмір шрифту 20pt. При повторному натисканні повернути 12pt. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку за допомогою методу prompt ввести з клавіатури текст і замінити їм усі заголовки другого рівня, а також зробити навколо них рамку.
  3. Дані 5 абзаців із числами. Після натискання на будь-який абзац запишіть у нього квадрат числа, яке знаходиться в ньому.

Варіант 4

  1. При натисканні на кнопку для всіх заголовків другого рівня зробити рамку. При повторному натисканні рамку видалити. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку за допомогою методу prompt ввести з клавіатури текст і замінити ним усі елементи класу r, а також зробити для них розмір шрифту 20pt.
  3. Дан інпут. Реалізуйте кнопочки +1, -1, які збільшуватимуть або зменшуватимуть на 1 значення інпуту. Зробіть так, щоб це значення не могло стати меншим за нуль.

Варіант 5

  1. При натисканні на кнопку для всіх абзаців зробити курсив. При повторному натисканні повернути звичайне зображення. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку перед кожним заголовком першого рівня вставити його порядковий номер, а також зробити заливку жовтим кольором.
  3. Дані абзаци з числами. Після натискання кнопки знайдіть абзац, в якому зберігається максимальне число, і зробіть його червоного кольору.

Варіант 6

  1. При натисканні на кнопку для всіх заголовків першого рівня зробити заливку рожевим кольором. При повторному натисканні зробити заливку бірюзовим кольором. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку після кожного абзацу вставити його порядковий номер, а також зробити для всіх абзаців курсив.
  3. Дан інпут. Дано абзаци. Нехай у цей інпут записується сумарна кількість натискань цих абзаців.

Варіант 7

  1. При натисканні на кнопку зробити для всіх елементів класу r шрифт жирний. При повторному натисканні повернути нормальну жирність. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку перед кожним заголовком другого рівня вставити його порядковий номер, а також зробити вирівнювання по центру.
  3. Дане посилання. Дано чекбокс. За натисканням на посилання змінюйте стан чекбоксу з зазначеного на невідзначений і навпаки (привласнюйте false або true властивості checked цього чекбоксу)

Варіант 8

  1. При натисканні на кнопку для всіх заголовків другого рівня зробити вирівнювання по центру. При повторному натисканні повернути вирівнювання лівим краєм. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку після кожного елемента класу r вставити його порядковий номер, а також зробити для них жирний шрифт.
  3. Дано 5 чекбоксів та кнопка. За натисканням на кнопку зробіть всі чекбокси зазначеними (привласнюйте true властивості checked цих чекбоксів)

Варіант 9

  1. При натисканні на кнопку для всіх абзаців зробити розмір шрифту 20pt. При повторному натисканні повернути 12pt. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку перед кожним заголовком першого рівня вставити картинку coffee_4.gif, а також зробити рамку.
  3. Дано 4 радіокнопки, які запитують користувача, яку мову (html, css, js, php) він знає і дана одна звичайна кнопка. При натисканні на кнопку виведіть вибрану мову до абзацу.

Варіант 10

  1. При натисканні на кнопку для всіх заголовків першого рівня зробити рамку. При повторному натисканні рамку видалити. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку після кожного абзацу вставити картинку coffee_4.gif, а також зробити розмір шрифту 20pt.
  3. Дано 4 чекбокси, які запитують користувача, яку мову (html, css, js, php) він знає і дана одна звичайна кнопка. При натисканні на цю кнопку виведіть вибрані мови в абзац через пропуск.

Варіант 11

  1. При натисканні на кнопку зробити для всіх елементів класу r ширину елемента дорівнює 50%. При повторному натисканні повернути 100% ширину. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку перед кожним заголовком другого рівня вставити картинку coffee_4.gif, а також зробити підкреслення.
  3. Дан чекбокс. Даний інпут. Зробіть так, що якщо чекбокс відзначений - видимий інпут, якщо не відзначений - не видимий (використовуйте властивість display об'єкта style)

Варіант 12

  1. При натисканні на кнопку для всіх заголовків другого рівня зробити підкреслення. При повторному натисканні підкреслення зняти. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку після кожного елемента класу r вставити картинку coffee_4.gif, а також зробити для них жирний шрифт.
  3. Дані чекбокси. Під кожним чекбоксом розміщено абзац. Зробіть так, що якщо чекбокс відмічено - відповідний абзац видимий, а якщо не відзначений - не видимий. Рекомендація: використовуйте масиви чекбоксів та абзаців та властивість display об'єкта style.

Варіант 13

  1. При натисканні на кнопку, для всіх абзаців зробити шрифт жирним та курсивним. При повторному натисканні повернути звичайне зображення. Одночасно змінювати напис на кнопці.
  2. Додати на сторінку ex.html текстове поле. Ввести текстове поле текст і натиснувши кнопку додати введений текст перед кожним заголовком першого рівня, і навіть зробити їм ширину 60% і рамку.
  3. В інпут вводиться слово та натискається Enter. Зробіть так, щоб введені слова дописувалося в абзац під інпутом через кому. Тобто по кожному натисканню Enter в абзац додаватимуться все нові і нові слова.

Варіант 14

  1. При натисканні на кнопку, для всіх заголовків першого рівня зробити ширину 60% та рамку. При повторному натисканні повернути у вихідний стан. Одночасно змінювати напис на кнопці.
  2. Додати на сторінку ex.html текстове поле. Ввести текстове поле текст і при натисканні на кнопку додати введений текст після кожного абзацу, а також зробити для них шрифт жирним і курсивним.
  3. Дан абзац. Дано чекбокси 'перекреслити', 'зробити жирним', 'зробити червоним'. Якщо відповідний чекбокс відзначений - задана дія відбувається з абзацом (червоним, наприклад). Якщо чекбоксу зняти відмітку – дія скасовується.

Варіант 15

  1. При натисканні на кнопку для всіх заголовків другого рівня зробити заливку рожевим кольором. При повторному натисканні зробити заливку жовтим кольором. Одночасно змінювати напис на кнопці.
  2. Додати на сторінку ex.html текстове поле. Ввести текстове поле текст і при натисканні на кнопку додати введений текст після кожного елемента класу r, а також зробити для них шрифт Arial і підкреслення.
  3. Дана таблиця з числами. Після натискання на кнопку знайдіть комірку, в якій зберігається максимальне число, і зробіть її червоним фоном.

Варіант 16

  1. При натисканні на кнопку зробити для всіх елементів класу k вирівнювання по центру. При повторному натисканні повернути вирівнювання лівим краєм. Одночасно змінювати напис на кнопці.
  2. Додати на сторінку ex.html текстове поле. Введіть у текстове поле ім'я файлу картинки та при натисканні на кнопку замінити цією картинкою всі картинки в документі.
  3. Дані два селекти. У першому знаходяться три країни, у другому – три міста. Зробіть так, щоб колись вибирається певна країна - в іншому селекті з'являлися міста цієї країни. В абзац нижче пишіть вибрану країну та вибране місто цієї країни через кому. Використовуйте обробник події change для першого селекту.

Варіант 17

  1. При натисканні на кнопку для всіх заголовків третього рівня зробити вирівнювання по правому краю. При повторному натисканні повернути вирівнювання лівим краєм. Одночасно змінювати напис на кнопці.
  2. При натисканні на кнопку після кожного елемента класу .ClassTest вставити його порядковий номер, а також зробити для них шрифт "Georgia" червоного кольору.
  3. Дано 5 чекбоксів та кнопка. За натисканням на кнопку зробіть всі чекбокси зазначеними (привласнюйте true властивості checked цих чекбоксів)

Назад Вперед Зміст

xthdjyju