https://www.bilibili.com/video/av29687881?t=46
Code:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Index</title>
<script>
function click() {
var input_str = document.getElementById("input").value;
document.getElementById('text').innerHTML=input_str;
}
</script>
</head>
<body>
<div>
<input type="text" id="input" value="" placeholder="Input">
<button onclick="click()">Click Me</button>
</div>
<br>
<span>输出：</span>
<span id="text"></span>
</body>
</html>
image.png
emmmm拼命点 Click Me，点到怀疑人生了，就是不触发；卡了……？没有呀？莫不是被浏览器拦截了……？恩恩，不存在的；进入调试……，哎？怎么跳不出button标签，难道函数出了问题……，检查了N边，没问题呀……，我大概是用了个假浏览器
10分钟后……
20分钟后……
看会番吧……这时候就应该静下心来……
哎呦卧槽，想起来了，这情况……果然以前犯过，还是不长记性，函数名 函数名 函数名
奇耻大ru呀！！！记下来
改后Code：
<script>
function clickMe() {
var input_str = document.getElementById("input").value;
document.getElementById('text').innerHTML=input_str;
}
</script>
<button onclick="clickMe()">Click Me</button>
image.png
