EJERCICIO EN CLASE
index.php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BrownShadow</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="top"> </div>
<div id="header">
<h1><a href="#">PROYECTO</a></h1>
<h2>Angela Barajas 10°A</h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Principal</a></li>
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
<div id="content">
<div class="left">
<h2>PROYECTO</h2><br>
<p>
<script>
function validar(){
var numero=document.getElementById("numero").value;
if(numero!=""){
document.getElementById("formulario").submit();
}
else{ alert("Debe seleccionar una opción de número para poder enviar la información.");}
}
</script>
<form id="formulario" name="formulario" method="post" action="resultado.php">
<p><b>Escoja un número:</b><br><br>
<select id="numero" name="numero" autocomplete="off">
<option value="" selected>Seleccione una opción</option>
<option value="10"> 10 </option>
<option value="11"> 11 </option>
<option value="12"> 12 </option>
<option value="13"> 13 </option>
<option value="14"> 14 </option>
<option value="15"> 15 </option>
<option value="16"> 16 </option>
<option value="17"> 17 </option>
<option value="18"> 18 </option>
<option value="19"> 19 </option>
<option value="20"> 20 </option>
</select>
</p><br><br><br>
<p>
<input type="button" onclick="validar()" value="CALCULAR">
</p>
</form>
</p>
</div>
<div style="clear: both;"> </div>
</div>
<div id="bottom"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.openwebdesign.org/">Web Design Company</a>
</div>
</div>
</body>
</html>
resultado.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BrownShadow</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="top"> </div>
<div id="header">
<h1><a href="#">PROYECTO</a></h1>
<h2>Angela Barajas 10°A</h2>
</div>
<div id="menu">
<ul>
<li><a href="index.php">Principal</a></li>
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
<div id="content">
<div class="left">
<h1>RESULTADO</h1><br>
<p>
<?php
$numero =$_POST['numero'];
if ($numero == "10"){
echo "Diez";
}
else if ($numero == "11"){
echo "Once";
}
else if ($numero == "12"){
echo "Doce";
}
else if ($numero == "13"){
echo "Trece";
}
else if ($numero == "14"){
echo "Catorce";
}
else if ($numero == "15"){
echo "Quince";
}
else if ($numero == "16"){
echo "Dieciseis";
}
else if ($numero == "17"){
echo "Diecisiete";
}
else if ($numero == "18"){
echo "Dieciocho";
}
else if ($numero == "19"){
echo "Diecinueve";
}
else{
echo "Veinte";
}
?>
<br>
<br>
<form action="index.php">
<input type="submit" value="REGRESAR">
</form>
</p>
</div>
<div style="clear: both;"> </div>
</div>
<div id="bottom"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.openwebdesign.org/">Web Design Company</a>
</div>
</div>
</body>
</html>
