[英]Javascript Error: 'document' is not defined. [no-undef]
我绝对是JS的初学者。
以下是Javascript代码:
var blank = document.getElementsByClassName("my-input");
var go = document.getElementById("go-button");
console.log(blank);
go.innerHTML = "Hello" + blank[0].value;
我使用IDE托架,但是,我正在从在线课程中学习,该课程中老师使用IDE Sublime文本(他没有遇到任何错误),我认为IDE并没有太大的作用,只是提及。
我想要实现的是:
一个空白的输入框(占位符为“您的名字”)和一个按钮(执行按钮)键入名称后,当我们单击“执行”按钮时,该按钮下方的文本显示为: Hello {name}
这可行,但是您需要确保添加一个事件侦听器,以便代码在用户输入输入值之后便可以捕获该输入值:
var go = document.getElementById("go-button"); go.addEventListener("click", doFunc); function doFunc() { var blank = document.getElementsByClassName("my-input"); go.innerHTML = "Hello " + blank[0].value; }
<input class="my-input" /><br /> <input class="my-input" /><br /> <input class="my-input" /><br /> <button id="go-button">Go</button>
如果要在按钮下方显示文本,则需要一个元素来选择(或将其插入按钮元素之后)。
var blank = document.getElementsByClassName("my-input"); var go = document.getElementById("go-button"); go.addEventListener('click', function() { document.querySelector('.result').innerHTML = "Hello" + blank[0].value; });
<input class="my-input" /> <button id="go-button">click me</button> <p class="result"></p>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.