Как проверить введенные данные?

Question

[Иван Медведев]

Добрый день! Написал небольшой скрипт и не могу найти причину, почему он не работает.
Вот код:

Необходимо, чтобы скрипт, при клике на кнопку, сравнивал введенное значение в input с переменной trueVal и при совпадении добавлял стили блоку с классом true

Вроде и условие написал и функцию, но ничего не происходит...

Answer 1

[Тигран Абрамян]

// task 11
let userVal = document.getElementById('task11')
let trueVal = 'title'
let check = document.getElementById('check')

check.onclick = function() {
    if (userVal.value === trueVal) {
       document.querySelector('.true').style.display = 'block';
    }
}

Comments

[Иван Медведев]

Спасибо большое! Сработало! Как изменить код, если бы я хотел добавить пару стилей?

[reinmaker90]

Иван Медведев, возьмете и создайте класс и опишите его стили в css файле, потом при нужном вам событии добавляйте его и наоборот