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