Comparto mi código para quien aun tenga dudas, es una mezcla de todo lo que hemos visto hasta ahora con una mezcla de diferentes maneras de hacer una misma tarea.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi primer programa HTML</title>
</head>
<body>
<h4>Página de prueba HTML</h4>
¿Será esto realmente un programa? Descúbrelo <a href="https://www.google.com">aquí</a>
<br><br><br>
Esto es <a href="#" class="alerta"><strong>programación alerta 1</strong></a>
<br><br><br>
Esto es <a href="#" onclick="alert('Esto es programación con onclick');"><strong>programación alerta 2</strong></a>
<br><br><br>
Esto es <a href="#" onclick="alerta2();"><strong>programación alerta 3</strong></a>
<p id="Mensaje"></p>
</body>
<script>
const alerta = () => {
alert('Esto es programación con funciones');
}
document.querySelector('.alerta').addEventListener('click', alerta);
function alerta2() {
alert('Esto es programación con funciones');
};
// Loop para verificar que el usuario esta ingresando solo numeros
let edad;
while (isNaN(edad)) {
// Se solicita la edad al usuario
edad = prompt('Ingresa tu edad: ');
// Se revisa si el dato ingresado es valido
if (isNaN(edad)) {
alert('Por favor ingresa una edad válida');
}
}
alert('Tue edad es ' + edad + ' años');
// Repeticiones de texto ingresado por usuario y con n cantidades indicadas por usuario
let mensaje = prompt('¿Cuál es su mensaje?');
let cantidad = prompt('¿Cuántas veces quiere repetirlo?');
let repeticion = '';
for (let i = 1; i <= cantidad; i++) {
repeticion += mensaje + '<br>';
}
document.getElementById('Mensaje').innerHTML = repeticion;
</script>
</html>
