有大佬能幫我做一個這樣的網頁嗎，輸入框輸入東西然后點擊添加能顯示在下面，急急急！！！
uj5u.com熱心網友回復：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<title>Document</title>
</head>
<body>
<input val="" id="input1" placeholder="請輸入內容">
<button onclick="addVal()">添加</button>
<hr>
<div id="context"></div>
</body>
<script>
function addVal(){
var inputval = $("#input1").val();
if(inputval){
$("#context").append(`<div>${inputval}</div>`);
$("#input1").val("");
}else{
alert("請輸入內容。");
}
}
</script>
</html>
uj5u.com熱心網友回復：
謝謝大佬，問題解決了
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/86916.html
標籤：HTML5
上一篇：運行vue專案時報錯，求解