Ejercicios
1. Modifica el següent codi:
<html>
<head>
</head>
<body>
<script language="JavaScript">
<!-document.writeln("Hola, món");
//-->
</script>
</body>
</html>
Respuesta:
<body>
<script>
document.write("<em>Hola, Mundo</em>")
</script>
</body>
2. Modifica la pàgina anterior de forma que el primer que t’aparegui sigui un missatge com el següent:
<body>
<script>
name = prompt("como te llamas?","Introduce tu nombre")
document.write("Hola, tu nombre es . . . <em>"+name+"</em>")
</script>
</body>
3. Modifica la pàgina anterior de forma que després de la introducció de la dada i abans de carregar-se la
pàgina aparegui un missatge com el següent:
<script>
name = prompt("como te llamas?","Introduce tu nombre")
alert("hola tu nombre es, " + name + "")
</script>
4. Modifica la pàgina anterior de forma que primer de tot se’t demani la introducció de dos companys, un a
un (a la captura de pantalla nom1 i nom2) per posteriorment carregar la següent pàgina:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Document</title>
<style>
th {
background-color: red;
}
td {
background-color: yellow;
}
</style>
</head>
<body>
<p>Compañias</p>
<table id="miTabla" border="1">
<thead id="encabezados">
<!--thead (encabezado tabla) permite listar de manera
horizontal-->
<tr>
<!--tr son las filas de una tabla-->
<!--th son las columnas de una tabla-->
<th>Compañia 1</th>
<th>Compañia 2</th>
</tr>
</thead>
<tbody id="cuerpoTabla">
<tr id="datos">
<td id="n1"></td>
<td id="n2"></td>
</tr>
</tbody>
</table>
<script>
var name1 = prompt("Ingrese su nombre 1 ").toUpperCase();
var name2 = prompt("Ingrese su nombre 2 ").toUpperCase();
document.getElementById("n1").textContent = name1;
document.getElementById("n2").innerHTML= name2;
</script>
</body>
Alejandro Miguel Martinez Alba
