รหัสจาวาสคริปต์ของฉันไม่ได้เชื่อมโยงกับโดเมน [ซ้ำ]

Aug 19 2020

ฉันถูกท้าทายให้สร้างฟังก์ชันที่จดจำจำนวนเฉพาะและมันก็ใช้งานได้ดีบนคอนโซลจนกระทั่งฉันเชื่อมโยงหมายเลข const กับอินพุตและฟังก์ชันของฉันกับปุ่ม

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>

จะแก้ปัญหานี้อย่างไร?

คำตอบ

3 Namysh Aug 19 2020 at 04:58

ในการรับค่าของอินพุตคุณต้องใช้valueคุณสมบัติแทนค่าinnerHtmlดังต่อไปนี้:

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>

1 AnupShrestha Aug 19 2020 at 05:01

document.querySelector ('. input1'). innerHTML ผิด

คุณควรใช้ document.querySelector ('. input1'). value