Top.Mail.Ru
Ответы

Подскажите в чём может быть проблема если не работает и не выполняет js как на видео

я уже много раз сталкивался с такой проблемой то что на видео у человека всё работает, код а у меня нет хотя весь код слова в слово одинаково написан на таком же редакторе (vs) в том же браузере хром, но как таковой ошибки порой даже и нету, она не отображается не в редакторе не где то ещё но код работает не полноценно или в принципе выдаёт ошибку или не работает.
БУДУ БЛАГОДАРЕН ЕСЛИ ХОТЬ КАК ТО ПОМОЖЕТЕ.

По дате
По рейтингу
Аватар пользователя
Мыслитель

То есть видео нет, собственного кода нет, ошибки нет, но мы должны чем-то помочь?

Вопросы нужно задавать с конкретным примером. Публикуешь код, публикуешь ссылку на видео с временной меткой и пишешь о том какой результат тобою ожидается и какой в итоге получается. Результат желательно не на словах а со скринами. Всё!

Аватар пользователя
Ученик

https://www.youtube.com/watch?v=UlqJG0kDMWU&ab_channel=СергейДмитриевский
вот само видео.

JS

123456789101112131415161718192021222324
 const CURRENT_YEAR = 2024;
const CORRECT_ANSEWER = "Ответ правильный";
const ERROR_ANSEWER = "Ответ не правильный";

const inputNode = document.querySelector('.js-input');
const buttonNode = document.querySelector('.js-button');
const outputNode = document.querySelector('.js-output');

buttonNode.addEventListener('click', function() {
    const inputValue = inputNode.Value;

    if (!inputValue) {
        return;
    }

    const answer = Number(inputNode.Value);
    let output = CORRECT_ANSEWER;

    if (answer !== CURRENT_NAME) {
        output = ERROR_ANSEWER;
    }

    output.innerHTML = output;
}); 
Аватар пользователя
Ученик

и я добавил css
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body {
background-color: #b3d0ff;
font-family: "Nunito Sans", sans-serif;
}
.js-button {
color: white;
background: black;
border: 1px solid black;
border-radius: 5px;
cursor: pointer;
}

.js-button:hover {
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}



.js-input {
border-radius: 5px;
}

Аватар пользователя
Мыслитель

3-я ошибка

1
 outputNode.innerHTML = output; 


Видео по теме