如果用戶一次輸入更多單詞，請將它們轉換為陣列元素并顯示在文本框下方，并可以洗掉（單擊）。
這是我到目前為止嘗試過的：
let names = [];
let nameInput = document.getElementById("name");
let messageBox = document.getElementById("display");
function insert ( ) {
names.push( nameInput.value );
clearAndShow();
}
function clearAndShow () {
nameInput.value = "";
messageBox.innerHTML = "";
messageBox.innerHTML = "Names: " names.join(", ") "<br/>";
} <form>
<h1>Please enter data</h1>
<input id="name" type="text" />
<input type="button" value="Search" onclick="insert()" />
<input type="button" value="Show data" onclick="show()" />
</form>
<div id="display"></div>我正在努力在輸出陣列上制作小邊框并在單擊時洗掉它們。它應該是這樣的：
它應該是什么樣子
uj5u.com熱心網友回復：
相信大家可以使用本站進行咨詢。 https://www.w3schools.com/jsref/
let names = [];
let nameInput = document.getElementById("name");
let messageBox = document.getElementById("display");
function insert ( ) {
names.push( nameInput.value );
clearAndShow();
}
function clearAndShow () {
nameInput.value = "";
messageBox.innerHTML = "";
names.forEach(function(element){
if(element != ''){
var _span = document.createElement('span');
_span.style.borderStyle = "solid"
_span.style.width = '50px'
_span.appendChild(document.createTextNode(element))
messageBox.appendChild(_span)
}
})
}<form>
<h1>Please enter data</h1>
<input id="name" type="text" />
<input type="button" value="Search" onclick="insert()" />
<input type="button" value="Show data" onclick="show()" />
</form>
<div id="display"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/354504.html
標籤：javascript html 查询