DOM Intro

[Nolra]

Code: https://github.com/Nolra/front-course/tree/dom-intro

Дополнительно для чтения: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Functions/Method_definitions

https://developer.mozilla.org/ru/docs/Web/API/Element/querySelectorAll https://developer.mozilla.org/ru/docs/Web/API/Document/querySelector https://developer.mozilla.org/ru/docs/Web/API/Element/classList https://developer.mozilla.org/ru/docs/Web/API/EventTarget/addEventListener https://developer.mozilla.org/ru/docs/Web/API/EventTarget/removeEventListener

https://developer.mozilla.org/ru/docs/Web/API/Event/target https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/this

Домашнее задание:

1)  
    Создайте input type text и три кнопки
    кнопки должны иметь следующий функционал (должны запускать соотвествующие фунции)
    1. Кнопка "Очистить input" (удалять содержимое value тега input)
    2. Кнопка заблокировать инпут (disabled setAttribute)
    3. Кнопка разблокировать инпут (disabled removeAttribute)
    или input.disabled = true/false;

2) 
    Создайте в HTML два текстовых инпута и кнопку
    Напишите функцию, которая будет по нажатию на кнопку
    менять содержимое инпутов (value) местами

[ReginaStorm]

Привет, высылаю несколько черновой вариант домашки, там поставленные задачи выполнены, функции работают, но нет верстки, поэтому выглядит трохи всрато + возможно, не учел какие-то тонкости. Если будет хорошо со временем, я к субботе пересмотрю лекцию и поправлю недочеты: https://github.com/ReginaStorm/newHomeWork/tree/main/JS%20DOM%20%238

[Nolra]

Привет, высылаю несколько черновой вариант домашки, там поставленные задачи выполнены, функции работают, но нет верстки, поэтому выглядит трохи всрато + возможно, не учел какие-то тонкости. Если будет хорошо со временем, я к субботе пересмотрю лекцию и поправлю недочеты: https://github.com/ReginaStorm/newHomeWork/tree/main/JS%20DOM%20%238

нужно переделать.

1. Завести переменные, получить элементы
2. Повесить прослушку на элементы
3. Описать отдельно callback функции обработки событий.

[voidaugust]

https://github.com/pashbespaloff/homework/tree/dom-intro

[nedostatoksna]

https://github.com/nedostatoksna/course-front-end/tree/first-doom-homework

[ReginaStorm]

Попробуй теперь так: https://github.com/ReginaStorm/newHomeWork/tree/main/JS%20DOM%20%238%20(version%202)

[Vykrutasy]

domашка https://github.com/Vykrutasy/js-intro/tree/dom-intro

[andrisfree]

https://github.com/andrisfree/homework/tree/DOM_24_03

[JanMayen]

https://github.com/JanMayen/Homeworks/tree/Homework_DOM

[Nolra]

https://github.com/andrisfree/homework/tree/DOM_24_03

    let input1 = document.getElementById('input1');
    let input2 = document.getElementById('input2');

эта часть должна быть в глобальной области и находить следует через querySelector

[NastyaKamalova]

https://github.com/NastyaKamalova/firstCSS/tree/HomeWork_5

[diydude]

https://github.com/diydude/happy-front-end/tree/main/js-intro/homework5

[StanislavGrig]

https://github.com/StanislavGrig/stanislav/tree/main/project.dom

[Nolra]

https://github.com/StanislavGrig/stanislav/tree/main/project.dom https://github.com/diydude/happy-front-end/tree/main/js-intro/homework5 это-копии