En un archivo de texto, pega el siguiente código y guarda con el nombre default3.html
<html>
<head>
<title>Programación Web</title>
<link rel="stylesheet" type="text/css" href="estilo_mod.css" />
<link rel="stylesheet" href="funciones.js" />
<style>
h1 {
text-align: center;
font-family: Arial;
font-size: 60px;
}
ul {
font-family: Arial;
font-size: 12px;
}
table, th, td{
border:1px solid black;
border-collapse:collapse;
}
</style>
<script>
alert("Bienvenidos al curso de javaScript");
alert("Mis primeros pasos con JS");
function mostrarMSG()
{
alert ("Mostrar un mensaje con JavaScript, a través de un botón");
}
function calcularIMP()
{
let precio=520;
let iva=16;
let precioTOTAL = (precio*iva)/100;
alert ("El precio del producto es de: " + precioTOTAL);
}
</script>
</head>
<body>
<h1 class="modH1">Programación Web</h1>
<h1>Primer ordinario</h1>
<ul>
<li>Nombre: Roberto Garcia Perez</li>
<li>Boleta: 2021601078</li>
<li>Carrera: Ingeniería en Informática</li>
<li>Plan de estudios: Plan 2010</li>
</ul>
<table style="width:100%;">
<tr>
<th> Grupo </th>
<th> Descripcion </th>
<th> Profesor </th>
<th> Lunes </th>
<th> Martes </th>
<th> Miercoles </th>
<th> Jueves </th>
<th> Viernes </th>
</tr>
<tr>
<td>2NM72</td>
<td>Planeacion Estrategica</td>
<td>Fonseca Monterrubio Laura Andromeda</td>
<td></td>
<td>11:00 - 13:30</td>
<td></td>
<td></td>
<td>12:00 - 14:00</td>
</tr>
<tr>
<td>2NM50</td>
<td>Herramientas Automatizadas</td>
<td>Rico Aragon Lic. Daniel Oswaldo</td>
<td></td>
<td>07:00 - 08:00</td>
<td></td>
<td>07:00 - 09:00</td>
<td></td>
</tr>
<tr>
<td>3NM60</td>
<td>Economia</td>
<td>Montiel Lucio Karla</td>
<td>08:30 - 10:00</td>
<td></td>
<td>08:30 - 10:00</td>
<td></td>
<td>08:30 - 10:00</td>
</tr>
<tr>
<td>3NM70</td>
<td>Ingenieria del conocimiento</td>
<td>Pimentel Cruz Jesus</td>
<td>10:00 - 11:30</td>
<td></td>
<td>10:00 - 11:30</td>
<td></td>
<td>10:00 - 11:30</td>
</tr>
<tr>
<td>3NV60</td>
<td>Redes</td>
<td>Chavez Perez Jose Luis</td>
<td>14:00 - 15:30</td>
<td></td>
<td>14:00 - 15:30</td>
<td></td>
<td>14:00 - 15:30</td>
</tr>
<tr>
<td>3NM45</td>
<td>Programacion Web</td>
<td>Gonzales Jiemnez Miguel Angel</td>
<td></td>
<td>09:00 - 10:00</td>
<td></td>
<td>09:00 - 11:00</td>
<td></td>
</tr>
<table>
<button onclick="mostrarMSG()" type="button">
Actualizar
</button>
<button onclick="calcularIMP()" type="submit">
Realizar calculo de impuesto
</button>
</body>
<html>
El resultado debe verse de la siguiente forma (da clic en la imagen para agrandar):
No hay comentarios.:
Publicar un comentario