search

tel-ran-de / FE-33-34

1 stars 0 forks source link

FE object methods, callback and DOM Intro #5

Open Nolra opened 2 years ago

Nolra commented 2 years ago 
    Код занятия: https://github.com/tel-ran-de/FE-33-34-code/tree/fe-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) местами