Estoy tratando de crear un formulario donde pueda enviar dos respuestas.
Junto con el formulario, me gustaría crear una alerta donde la alerta tome la entrada del formulario cuando se haga clic en uno de los botones. Eso funciona bien.
Junto al formulario, me gustaría crear otro botón que muestre el texto del formulario en html.
function htmlText(argument) { document.getElementById("fname").innerHTML = alertText(); document.getElementById("lname").innerHTML = alertText(); } function alertText(argument) { return "Your name is: " + document.getElementById("fname").value + " " + document.getElementById("lname").value + "."; } <form> <label>Name :</label><input type="text" id="fname"> <br> <label>Name2 :</label><input type="text" id="lname"> <br> </form> <button onclick="htmlText()">html</button> <button onclick="window.alert(alertText())">alert</button>Probablemente quisiste hacer esto
Tenga en cuenta el usuario de eventListeners recomendados en lugar de controladores de eventos en línea
window.addEventListener("load", function() { // on page load function getText() { return "Your name is: " + document.getElementById("fname").value + " " + document.getElementById("lname").value + "."; } document.getElementById("htmlButton").addEventListener("click", function() { document.getElementById("fullName").innerHTML = getText(); }); document.getElementById("alertButton").addEventListener("click", function() { alert(getText()); }); }); <form> <label>Name :</label><input type="text" id="fname"> <br> <label>Name2 :</label><input type="text" id="lname"> <br> </form> <button type="button" id="htmlButton">html</button> <button type="button" id="alertButton">alert</button> <sid id="fullName"> </div>