Estoy trabajando en un proyecto para una de mis clases y requiere que aparezcan dos cuadros de alerta para solicitar la edad y el nombre. Tengo dos botones en mi página para iniciar las funciones para mostrar esos dos cuadros de alerta. El primer botón funciona bien, pero el segundo no por alguna razón.
function askAge() { let text; let age = prompt("Please enter your age:", ""); if (age == null || age == "") { text = "User exited prompt :( "; } else { text = "Your age is: " + age; } document.getElementById("age").innerHTML = text; } function askName() { let text; let person = prompt("Please enter your name:", ""); if (person == null || person == "") { text = "User cancelled the prompt."; } else { text = "Hello " + person + "! How are you today?"; } document.getElementById("name").innerHTML = text; } <!doctype html> <html lang="en"> <link rel="javascript" href="js/java.js"> <link rel="stylesheet" href="css/style.css"> <title> Happy Birthday </title> <head> <p id="name"></p> <p id="age"></p> <button type="button" onclick="askName();">Click Me for name</button> <button type="button" onclick="askAge();">Click Me for age</button> </head> </html>¿Alguna idea de dónde estoy siendo un idiota? Ni siquiera estoy seguro de si puede tener dos cuadros de alerta en una página. Cualquier cosa ayudará.
Ha perdido un "}" de cierre para su función askAge (necesita uno justo antes de la etiqueta del script de cierre ), por lo tanto, falta la segunda ventana emergente.
Al arreglar eso, solo quiero señalar que los nombres de las variables en la función askAge están desactivados (probablemente un error de copiar/pegar).
está consultando un elemento con el Id. de 'edad' cuando su elemento tiene el Id. de askAge
Aquí está su solución con algunos bits importantes agregados también.
<!doctype html> <html lang="en"> <head> <link rel="javascript" href="js/java.js"> <link rel="stylesheet" href="css/style.css"> <title> Happy Birthday </title> </head> <body> <p id="name"></p> <button type="button" onclick="askName();">Click Me for name</button> <button type="button2" onclick="askAge();">Click Me for age</button> <p id="askAge"></p> <script language="javascript"> function askName() { let text; let person=prompt('Please enter your name:',''); if(person==null||person=='') { text='User cancelled the prompt.'; } else { text='Hello '+person+'! How are you today?'; } document.getElementById('name').innerHTML=text; } function askAge() { let text; let person=prompt('Please enter your age:',''); if(person==null||person=='') { text='User exited prompt :('; } else { text='Your age is: '+age; } document.getElementById('age').innerHTML=text; } </script> </body> </html>Lo que rompe su versión es un corchete que falta al final de la función askAge.