BananaMaster

4 - querySelector або як підключити тег у js (innerHTML в JavaScript)

Якщо щось забули, натисни для переходу на урок

Task 1.

Виведіть в консоль своє ім'я.

Task 2.

Виведіть в консоль номер місяця, в якому ви народилися. Вивчіть, чим відрізняється виведення числа та рядка.

Task 3.

Виведіть в консоль рядок:

 'Welcome' + ' to the '+'course'

Task 4.

За допомогою console.log виведіть число 2026. Після спрацювання коду — закоментуйте його, щоб не заважав при подальшій розробці.

Task 5.

За допомогою console.log виведіть результат операції:

2026 - 200

Task 6.

Створіть на сторінці div з class=one. За допомогою document.querySelector запишіть в цей елемент текст 'Hello World'.

Task 7.

Створіть на сторінці div з class=two. За допомогою document.querySelector запишіть в цей елемент результат множення 12 на 12. Множення можна зробити за допомогою знаку зірочки ( * ).

Task 8.

Створіть div з класом three. За допомогою document.querySelector запишіть в цей елемент текст 'Hello World'.

Task 9.

Створіть наступну верстку на сторінці:

<h2>Hello <span>everyone</span></h2>

Hello everyone

Замініть за допомогою querySelector текст everyone на world.

Task 10.

Створіть пустий button з класом fore. За допомогою querySelector запишіть всередину button заголовок h3 з довільним текстом.