Как проверить, совпадают ли два поля в javascript?

#javascript

#javascript

Вопрос:

Я новичок в javascript, и у меня такая проблема. У меня есть два поля, и их необходимо проверить, совпадают ли входные данные внутри. Если они совпадают, должно появиться предупреждение, чтобы сообщить об этом. Заранее спасибо.

Вот пример моих полей:

Вот пример моих полей

 function writeText() {
  n = "has been collected "   window.document.myform.exemplu1.value;
  document.getElementById("content").innerHTML = n;
}

function writePass() {
  n = window.document.myform.exemplu2.value;
  alert("password is "   n);
}  
 <div>
  <h3> Example</h3>
  <form name="myform">
    <p> <input name="exemplu1" type="text" value="Edit field" onBlur="writeText()" size="25" maxlength="30" /> amp;nbsp;amp;nbsp;amp;nbsp;
      <span id="content">amp;nbsp;amp;nbsp;amp;nbsp;</span></p>
    <p> <input name="exemplu2" type="password" value="Parola" onBlur="writePass()" size="15" maxlength="15" /></p>

  </form>

</div>  

Ответ №1:

Используйте оператор строгого равенства.

Я привязал обратный вызов с помощью adEventListener click события кнопки для выполнения проверки.

 const buttonEl = document.querySelector('button')
const usernameEl = document.getElementById('username')
const passwordEl = document.getElementById('password')

buttonEl.addEventListener('click', () => usernameEl.value === passwordEl.value ? console.log('They are the same') : console.log('They are different'))  
  * {
   color: #DDD;
   background-color: white;
   font-size: 1.1em;
   padding: 10px;
   margin: 10px;
 }  
 <input type="text" id="username" />
<input type="password" id="password" />
<button>Check</button>