css 如何在点击按钮时显示输入字段中的文本?

jaql4c8m  于 2022-12-27  发布在  其他
关注(0)|答案(1)|浏览(150)

我希望任何文本像hello world出现在输入域当我点击这个按钮。我该怎么做?

enter code here

<button class='submit' onclick="myFunction()"> Click Me </button>
<input type= 'text' id='demo'>
tkclm6bt

tkclm6bt1#

通过addEventListener使用事件监听器

window.addEventListener("load", onLoadHandler);
        function onLoadHandler(){
            let button = document.getElementById("myButton");
            button.addEventListener("click",buttonClick);
        }
        function buttonClick(e){
            let input = document.getElementById("textInput");
            input.value = "Hello world!";
        }
<div>
        <input id="textInput">
    </div>
    <div>
        <button id="myButton">
            write in input
        </button>
    </div>

相关问题