Tengo el siguiente código :
i = 0; function add_task(){ return document.getElementById("tasklist").value += (document.getElementById("addtask").value+"\n"); } #pos{ position: absolute; bottom: 25px; text-align:center; } form{ padding-left:70px;} h1{padding:50px; color:blue} #body {border:5px solid black;} <form name="form1"> <label for="addtask">Add task : </label> <input type="text" id="addtask"/> <button id="ad" onclick="add_task()">Add task</button><br><br> <label style="vertical-align:top;">Task list :</label> <textarea id="tasklist" rows=10> </textarea> <div id="pos"> <label for="nexttask">Next task : </label> <input type="text" id="nexttask"/> <button id="nt" onclick="next_task">Show Next task</button><br> </div> </form>Necesito copiar el texto ingresado en el cuadro de texto y pegarlo en el área de texto. Pero el texto se muestra y se borra inmediatamente como un parpadeo. Quiero que se muestre permanentemente.
¡Por favor guíame!
<button> s, por defecto son type="submit" , por lo que hacer clic es enviar su formulario. Agregue type="button" a su botón.
Aquí hay una versión de trabajo. Creo que su problema fue que los botones dentro de un formulario tendrán el tipo de submit predeterminado si no se especifica ningún tipo.
i = 0; function add_task(){ return document.getElementById("tasklist").value += (document.getElementById("addtask").value+"\n"); } function formSubmitted(e) { // Handle form submit, if needed return false; } function next_task() { // Not yet implemented } #pos{ position: absolute; bottom: 25px; text-align:center; } form{ padding: 1rem; } h1{ padding: 1rem; margin: 0; color: blue; } #body { border: 5px solid black; } <header> <h1>To Do list</h1> </header> <form name="form1" onsubmit="return formSubmitted(event)"> <label for="addtask">Add task : </label> <input type="text" id="addtask"/> <button id="ad" onclick="add_task()">Add task</button><br><br> <label style="vertical-align:top;">Task list :</label> <textarea id="tasklist" rows=10></textarea> <div id="pos"> <label for="nexttask">Next task : </label> <input type="text" id="nexttask"/> <button id="nt" onclick="next_task">Show Next task</button><br> </div> </form>