console
const i = document.querySelector('input');
const message = document.querySelector('p');
function get() {
if (i.value === '') {
message.innerHTML=`是否通过考试:`;
}else{
const score = parseInt(i.value);
if (score >= 60) {
message.innerHTML = `是否通过考试:恭喜你通过了本次考试~`;
} else {
message.innerHTML = `是否通过考试:很遗憾你没有通过考试~`;
}
}
}
<div id="Pass">
<p>是否通过考试:</p>
<input type="text" onchange="get()" placeholder="请输入你的成绩..." />
</div>
input {
width: 200px;
height: 30px;
font-size: 16px;
padding: 0 10px;
outline: none;
border: none;
border-radius: 5px;
}