<!DOCTYPE html>
<html lang="en">
<!--Define encabezados y tipo de codificacion-->
<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>Programa</title>
</head>
<!--Como segundo paso se define etiquetas java script-->
<script>
//Code javascript escribe en el DOM de html
document.write("<h1>Continuación Code java script </h1>")
document.write("La edad de cristian es:")
document.write("<br>")
document.write("?")
document.write("<br>")
document.write(2020-29) //En este caso java script resuelve esta operacion matematica simple
// Promedio de edad de personas
document.write('<br>')
document.write('<br>')
document.write('<br>')
document.write('<h1>Segundo ejercicio</h1>')
document.write("El promedio de edad de Juan, pedro Y Carlos es....")
document.write('<br>')
document.write((20+30+40)/3)
document.write('<br>')
document.write('<br>')
//Concatenando texto con operacion matematica
document.write("El promedio de edad de Juan, pedro Y Carlos es: "+((20+30+40)/3))
// Promedio de edad de personas
document.write('<br>')
document.write('<br>')
document.write('<br>')
document.write('<h1>Tercer ejercicio</h1>')
document.write("El año de nacimiento de cada persona Juan, pedro y carlos: ")
document.write('<br>')
document.write('Juan: '+(2023-20))
document.write('<br>')
document.write('Pedro: '+(2023-30))
document.write('<br>')
document.write('Carlos: '+(2023-40))
</script>
<p>En este caso html no entiende la siguiente instruccion simplemente la imprime</p>
document.write("Sea bienvenido");
<!--Al final podemos continuar con nuestro code html-->
<body>
<br>
<br>
<br>
Code HMTL
<br>
La edad de cristian es:
<br>
?
</body>
</html>
