JavaScript/html显示包含标签输入的警报

Question

我正在使用HTML5和JavaScript

我希望能够在标签中输入任何单词，当你点击按钮时，它会发出包括给定文本的警报。

我无法让它与我放入标签的文本一起工作——警报没有显示文本。我只找到了如何使用预定义的标签。

这是我当前的html代码

function getinput() {
var input = document.getElementById("form-scream").innerText;
alert(input);
};

<div>
<p>Word
<label id="form-scream"></label>
<input type="text" name="screaming" id="form-scream">
<button onclick="getinput()"> Click to scream</button>
</p>
<script src="assets/js/scream.js"></script>
</div>

Answer 1

input元素没有innerText属性，请改用value。此外，您必须在标签中使用for属性来关联元素(元素的id作为for的值(：

function getinput()
{
var inputVal = document.getElementById("form-scream").value;
alert(inputVal);
};

<div>
<p>Word
<label for="form-scream"></label>
<input type="text" name="screaming" id="form-scream">
<button onclick="getinput()"> Click to scream</button>
</p>
<script src="assets/js/scream.js"></script>
</div>