Веб-страница, на которой отображается кнопка для ввода пользователем правильной текстовой строки в поле ввода текста [за ⇐ Html

[Anonymous]

Обновить
Используя код из ответа:

Код: Выделить всё

    const field = document.querySelector('#solution');
const link = document.querySelector('#link');

document.querySelector('#mybutton').addEventListener('click', (event) => {
link.style.display = (field.value.toLowerCase() === 'answer')
? 'block'
: 'none';
});
#link {
display: none;
}

.a-as-button {
display: block;
width: 115px;
height: 25px;
background: #4E9CAF;
padding: 10px;
text-align: center;
border-radius: 5px;
color: white;
font-weight: bold;
}
 Solution:

Enter

[url=www.website.com/nextpage.html]
Next Step
[/url]

Я пробовал ввести это на сайт WordPress, но не смог добиться успешной работы, хотя в stackoverflow он работает нормально
Мой тест кода
Может ли кто-нибудь сказать мне, не упускаю ли я чего-то при его реализации?
Предполагаемый результат:
[Некоторая текстовая головоломка, решением которой является текст строка]
[Текстовое поле][Кнопка ввода]
~После ввода правильной текстовой строки появляется новая кнопка~
[ Новая кнопка, ссылка на следующую веб-страницу]

Подробнее здесь: https://stackoverflow.com/questions/793 ... an-text-en