サマリー：首先，獲取輸入框（input）、提交按鈕（button）、輸出列表項(xiàng)（ul）; 其次，通過button按鈕點(diǎn)擊事件在ul列表項(xiàng)中添加li元素； 再次，獲取input框中的內(nèi)容，并顯示到列表項(xiàng)中，當(dāng)再次點(diǎn)擊按鈕時(shí)清空 輸入框中的內(nèi)容。 <!DOCTYPE html> <html lang="en&quo
首先，獲取輸入框（input）、提交按鈕（button）、輸出列表項(xiàng)（ul）;
其次，通過button按鈕點(diǎn)擊事件在ul列表項(xiàng)中添加li元素；
再次，獲取input框中的內(nèi)容，并顯示到列表項(xiàng)中，當(dāng)再次點(diǎn)擊按鈕時(shí)清空
輸入框中的內(nèi)容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>實(shí)戰(zhàn)熱身</title>
</head>
<body>
<input type="text" name="info">
<button>提交</button>
<ul></ul>
<script>
let input = document.getElementsByName('info')[0];
let button = document.getElementsByTagName('button')[0];
let ul = document.getElementsByTagName('ul')[0];
button.onclick = function () {
let li = document.createElement('li');
li.innerHTML = input.value;
ul.appendChild(li);
input.value = '';
}
</script>
</body>
</html>
添削の先生：滅絕師太添削時(shí)間：2019-01-26 09:28:04
先生のまとめ：作業(yè)比較簡單，下次完成這樣的作業(yè)，需要帶上基本布局樣式