<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
HTML
<br />
La edad de Ayda es ...
<br />
?
<br />
Javascript
<br />
<script>
/* alert('La edad de Ayda es ...'); */ /* Esto es molesto en la pagina */
/* alert('?'); */
document.write('La edad de Ayda es...'); /* Mejor usamos esta instruccion y asi incluimos html */
document.write('<br>');
document.write('?');
document.write('<br>');
document.write(25 + 8); /* Si no le coloco comillas lo tomo como numero , */
document.write('<br>');
document.write('25' + '8'); /* Si le coloco comillas concatena */
document.write('<br>');
/* 1) Ejercicio */
/* Esta es la mas recomendable, con el codigo separado */
document.write('El promedio de edad de Ayda, Juan y Luna es...');
document.write('<br>');
document.write((20+25+15)/3); /* Debo colocar parentesis a la suma para que tome la operacion de suma */
document.write('<br>');
/* asi se hace en 1 linea, se recomienda como el primer ejemplo por organización */
document.write('La suma de las edades de edad de Ayda, Juan y Luna es...<br>' + (20+25+15)); /* Debo colocar los parentesis para que me tome la operacion si no los coloco, los concatena */
document.write('<br>');
/* 2) Ejercicio */
document.write('El promedio de edad de Ayda, Juan y Luna es...');
document.write('<br>');
document.write((20+25+15)/3); /* Debo colocar parentesis a la suma para que tome la operacion de suma */
document.write('<br>');
document.write('<br>');
document.write('Ayda nació en el año...');
document.write('<br>');
document.write(2023-20);
document.write('<br>');
document.write('Juan nació en el año...');
document.write('<br>');
document.write(2023-25);
document.write('<br>');
document.write('Luna nació en el año...');
document.write('<br>');
document.write(2023-15);
</script>
</body>
</html>