kode javascript saya tidak tertaut ke dom [duplikat]

Question

Saya ditantang untuk membuat fungsi yang mengenali bilangan prima dan itu bekerja dengan baik di konsol sampai saya menghubungkan nomor const saya ke input dan fungsi saya ke tombol.

const btn = document.querySelector('.btn1')
if (btn) {
  btn.addEventListener('click', isitPrime)
}

function isitPrime() {
  const number = document.querySelector('.input1').innerHTML
  const answer = document.querySelector('.answer')
  let isPrime = true
  for (let i = 2; i < number; i++) {
    if (number % i === 0) {
      isPrime = false
      answer.innerHTML = (`${number} is not prime ${number} can be divided by ${i}`) } if (isPrime) { answer.innerHTML = (`${number} is prime`)
    }
  }
}

<input type="text" class="input1">
<button class="btn1">click here</button> <br/><br/>
<div class="answer"></div>

Bagaimana cara mengatasi masalah ini?

Answer 1

Untuk mendapatkan nilai input Anda harus menggunakan valueproperti, bukan yang innerHtmlsatu ini, seperti ini:

const btn = document.querySelector('.btn1')
if(btn){
    btn.addEventListener('click', isitPrime)
}
function isitPrime(){
    // here we get 'value' property instead of 'innerHtml' property
    const number = document.querySelector('.input1').value
    const answer = document.querySelector('.answer')
    let isPrime = true
    for(let i = 2; i < number; i++){
        if(number % i === 0){
            isPrime = false
            answer.innerHTML = (`${number} is not prime ${number} can be divided by ${i}`) } if(isPrime){ answer.innerHTML = (`${number} is prime`)
        }
    }
}

<input type="text" class="input1">
<button class="btn1">click here</button>  <br/><br/>
<div class="answer"></div>

Answer 2

document.querySelector ('. input1'). innerHTML Ini salah

Anda harus menggunakan nilai document.querySelector ('. Input1')