有一个input输入框和一个div,当我们在input输入英文字符时,在点击button按钮时,div中显示的文字随时保持和input中输入的值相同
<style type="text/css">
input {
width: 150px;
height: 24px;
}
div {
border: 1px solid #000;
width: 220px;
height: 200px;
}
button {
width: 60px;
height: 30px;
margin: 16px;
}
</style>
<script type="text/javascript">
function move(){
let btnput = document.getElementById("btnput");
let btndiv = document.getElementById('btndiv');
let btnbutt = document.getElementById('btnbutt');
btnbutt.onclick = function(){
let s = btnput.value;
btndiv.innerText = s;
console.log(btndiv.innerHTML);
}
}
</script>
</head>
<body>
输入框:<input type="" name="" id="btnput" placeholder="请输入想要输入的值" value="" /><br>
按钮:<button id="btnbutt" type="button" value="" onclick="move()">确定</button>
<div id="btndiv"></div>
</body>