7
255<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<label>请输入北京今天空气质量：<input id="api-input" type="text"></label>
<button id="button">确认填写</button>
<p>您输入的值是：<span id="aqi-display">尚无录入</span></p>
<script type="text/javascript">
window.onload = function() {
var btn=document.getElementById('button');
btn.addEventListener("click",function(){
var inputVal=document.getElementById("api-input").value;
var display=document.gentElementById("api-display");
display.appendChild(inputVal);
},false)
};
</script>
</body>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
// 拼写错误1
应更改为：
// 拼写错误2
// 输入错误
修改为
<input id="aqi-input" type="text"></label>var inputVal=document.getElementById("api-input").value;aqi qpi 这样真的好么？
你输入了吗
??
你 var display=document.gentElementById("api-display")多了一个n，而且你要createTextNode去存储inputValue的值，不然会报错。
首先，span那里的api写成了aip，然后inputVal是不能直接append到display的后面呀宝宝
应该改成 <span id="api-display">尚无录入</span>
应该改成 var display=document.getElementById("api-display");
应该改成 display.innerHTML = inputVal;