Составьте форму вопроса с простым ответом в J.S

Как сделать форму вопроса с простым ответом на js? Я пытался

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8"/>
    <script>
      function cipher1(){
        var val  = "theanswer";
        if (val == (document.getElementById("cipher1").value)){
          alert("correct");
        }
      }
    </script>
  </head>
  <body id = "bod">
    <div id = "cipher1"style = "display:none;">
      <input id = "cipher1"type = "text" value = "write the answer here"/>
      <input type = "button" class = "but"value = "answercheck"onclick = "cipher1()"/>
    </div>
    </body>
    </html>

Но не работает. пожалуйста помоги!!!

у вас есть повторяющийся идентификатор на странице (у вас может быть только один идентификатор на странице) cipher1

— 01.08.2018 11:52

@Vasyl Zhuryk Спасибо!

— 01.08.2018 11:54

getElementById("cipher1") выберет первый на странице (это div), а у div нет .value, поэтому он всегда будет undefined. Поэтому id должен быть уникальным.

— 01.08.2018 11:54

javascript php html

01.08.2018 11:50

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Сначала попробуйте изменить два дубликата ID

div id = "**cipher1**"style = "display:none;">
      <input id = "**cipher1**"type = "text" value = "write the answer here"/>

Затем удалите стиль отображения из родительского div

Я не уверен, что id = "**cipher1**" - действительный идентификатор, и вы ничего не исправляли, это все еще один и тот же идентификатор дважды. Если предполагается, что это подсказка, вам лучше указать в своем ответе какой-нибудь правильный код, например id = "cipher1" и id = "cipher2".

— 01.08.2018 11:58

01.08.2018 11:56

Ответ принят как подходящий

Ваш идентификатор должен быть уникальным. В вашем коде вы связываете cipher1 с div и полем ввода. Вы можете изменить Id текстового поля на cipher2. См. Код ниже:

  function cipher1(){
        var val  = "theanswer";
        if (val == (document.getElementById("cipher2").value)){
          alert("correct");
        }
      }

 <div id = "cipher1">
      <input id = "cipher2"type = "text" value = "write the answer here"/>
      <input type = "button" class = "but"value = "answercheck"onclick = "cipher1()"/>
    </div>

01.08.2018 12:00

У вас есть повторяющийся идентификатор на странице (у вас может быть только один идентификатор на странице) cipher1

01.08.2018 12:14