Aquí está el fragmento de código. Por favor, ayúdenme con este error:/ Lo que quiero hacer es cuando hago clic en el botón, debería insertar algún valor en la barra de entrada
function insertText() { try { document.querySelector('#input').value('Clicked'); } catch (err) { console.log("ERROR") } } * { margin: 0; padding: 0; box-sizing: border-box; } .container { height: 60vh; width: 100vw; display: grid; place-items: center; border: 2px solid blue; } .btn { height: 40vh; border: 2px solid red; width: 100vw; display: grid; place-items: center; } .btn>button { padding: 10px 40px; } <div class="container"> <input type="text" value="" id="input"> </div> <div class="btn"> <button oncanplay="insertText()" id="butt">INSERT SOME TEXT</button> </div> function insertText(){ try{ document.querySelector('#input').value = "Lorem Ipsum"; }catch(err){ console.log("ERROR"); } } *{ margin: 0; padding: 0; box-sizing: border-box; } .container{ height: 60vh; width: 100vw; display: grid; place-items: center; border: 2px solid blue; } .btn{ height: 40vh; border: 2px solid red; width: 100vw; display: grid; place-items: center; } .btn>button{ padding: 10px 40px; } <div class="container"> <input type="text" value="" id="input"> </div> <div class="btn"> <button onclick="insertText()" id="butt">INSERT SOME TEXT</button> </div>Puede usar esta función para agregar el texto a la entrada cuando se hace clic en el botón.
<script> $(document).ready(function () { $("#setBtnID").click(function () { $("input:text").val("Hello World!"); }); }); </script> * { margin: 0; padding: 0; box-sizing: border-box; } .container { height: 60vh; width: 100vw; display: grid; place-items: center; border: 2px solid blue; } .btn { height: 40vh; border: 2px solid red; width: 100vw; display: grid; place-items: center; } .btn>button { padding: 10px 40px; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <head> <script> $(document).ready(function () { $("#setBtnID").click(function () { $("input:text").val("Hello World!"); }); }); </script> </head> <body> <div class="container"> <input type="text" value="" id="input"> </div> <div class="btn"> <button id="setBtnID">INSERT SOME TEXT</button> </div> </body>