Question

我绝对是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}

Answer 1

这可行，但是您必须确保添加一个事件侦听器，以便代码在用户输入输入值之后即可捕获输入值：

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>

Answer 2

如果要在按钮下方显示文本，则需要选择一个元素（或将其插入按钮元素之后）。

 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>

Javascript错误：“文档”未定义。 [no-undef]

2 个答案: