function person(name, age, dob, gender, id) { this.name = name; this.age = age; this.dob = new Date(dob); this.gender = gender; this.id = id;}// Declaring Variables.let person1 = new person('John Doe', 19, '19-02-2001', 'male', '001');let person2 = new person('Jane Doe', 19, '22-02-2001', 'female', '002');let input = document.getElementById('text');let show = document.getElementById('result');let button = document.getElementById('button');// creating function to run code button.onclick = function() { if (input === person1.id) { show.innerHTML = `Name : ${person1.name} <br> Age : ${person1.age} <br> DOB : ${person1.dob} <br> Gender : ${person1.gender}`; } else if (input === person2.id) { show.innerHTML = `Name : ${person2.name} <br> Age : ${person2.age} <br> DOB : ${person2.dob} <br> Gender : ${person2.gender}`; } else { show.innerHTML = 'Software Crashed!'; console.log(input.value); console.log(person1.id); }}body { padding: 0px; margin: 0;}#clear { padding-top: 50px;}#input { padding: 10px; margin: auto; border: 2px solid black; width: 60%;}#text { padding: 5px; width: 70%;}#button { padding: 7px; border: none; color: white; background: black;}#result { background: #f1f1f1; padding: 12px; width: 60%; margin: auto; font-size: 22px;}<div id="clear"></div><div id="input"> <input type="text" placeholder="Enter Name For Details" id="text" required> <button id="button">Submit</button></div><br><br><div id="result"></div>我試圖在名為 result 的 html div 標簽上打印該人的屬性，但它顯示軟件崩潰了，因為我在 JavaScript 中放入了 else 語句。在控制臺記錄中，輸入 id 與 person.id 匹配，但仍然只顯示 else 語句。請幫我解決這個問題。
2 回答
開滿天機
TA貢獻1786條經驗 獲得超13個贊
在該行中，if (input === person1.id) { .. } 您嘗試將輸入元素與 id 進行比較，而不是與輸入的值進行比較。因此
改變
input === person1.id
到
input.value === person1.id
function person(name, age, dob, gender, id) {
this.name = name;
this.age = age;
this.dob = new Date(dob);
this.gender = gender;
this.id = id;
}
// Declaring Variables.
let person1 = new person('John Doe', 19, '2001-02-19', 'male', '001');
let person2 = new person('Jane Doe', 19, '2001-02-22', 'female', '002');
let input = document.getElementById('text');
let show = document.getElementById('result');
let button = document.getElementById('button');
// creating function to run code
button.onclick = function() {
if (input.value === person1.id) {
show.innerHTML = `Name : ${person1.name} <br> Age : ${person1.age} <br> DOB : ${person1.dob} <br> Gender : ${person1.gender}`;
} else if (input === person2.id) {
show.innerHTML = `Name : ${person2.name} <br> Age : ${person2.age} <br> DOB : ${person2.dob} <br> Gender : ${person2.gender}`;
} else {
show.innerHTML = 'Software Crashed!';
console.log(input.value);
console.log(person1.id);
}
}
body {
padding: 0px;
margin: 0;
}
#clear {
padding-top: 50px;
}
#input {
padding: 10px;
margin: auto;
border: 2px solid black;
width: 60%;
}
#text {
padding: 5px;
width: 70%;
}
#button {
padding: 7px;
border: none;
color: white;
background: black;
}
#result {
background: #f1f1f1;
padding: 12px;
width: 60%;
margin: auto;
font-size: 22px;
}
<div id="clear">
</div>
<div id="input">
<input type="text" placeholder="Enter Name For Details" id="text" required>
<button id="button">Submit</button>
</div>
<br>
<br>
<div id="result">
</div>
為了獲得正確的日期，正如您在評論中提到的那樣，您可以更改格式，
'DD-MM-YYYY'
19-02-2001
到
'YYYY-MM-DD'
2001-02-19
牛魔王的故事
TA貢獻1830條經驗 獲得超3個贊
您需要使用對象檢查輸入值（而不是輸入本身）。因此，將您的button.onclick函數更改為這將解決您的問題：
button.onclick = function() {
if (input.value === person1.id) {
show.innerHTML = `Name : ${person1.name} <br> Age : ${person1.age} <br> DOB : ${person1.dob} <br> Gender : ${person1.gender}`;
} else if (input.value === person2.id) {
show.innerHTML = `Name : ${person2.name} <br> Age : ${person2.age} <br> DOB : ${person2.dob} <br> Gender : ${person2.gender}`;
} else {
show.innerHTML = 'Software Crashed!';
console.log(input.value);
console.log(person1.id);
}
}
- 2 回答
- 0 關注
- 115 瀏覽
添加回答
舉報
0/150
提交
取消