Agosto 16 /2017
Clase Nº 30
Se inició y se terminó el segundo proyecto, el cual constaba de:
- Tener un template totalmente limpio con 3 módulos (inicio, resultado, derechos).
- derechos.php: debe contener nombre completo, nombre de la persona a presentar, colegio, sala donde se presentó el proyecto, grado, y una foto del estudiante.
Crear aplicación donde:
- Haya una caja llamada "número", esta debe ser obligatoria y solo debe aceptar números.
- Una caja de selección llamada "función" donde debe ser obligatoria la selección de una opción. Conteniendo las siguientes opciones: seno, coseno, tangente, arco de tangente, tangente hiperbólica, raíz cuadrada. NOTA: La opción de raíz cuadrada debe estar validada para poder realizar la operación con números negativos.
- Botón con un value de "calcular".
Al oprimir el botón debe:
crear una tabla con dos filas, en la fila superior debe aparecer la opción que se escogió en la caja de selección llamada función.
y en la segunda fila debe aparecer la respuesta de la operación igualmente depende el número que ingresó y la opción que escogió.
- El archivo debe llamarse primerapellido_#lista_10a
- Se debía comprimir el archivo del proyecto en formato.zip, y enviarselo al docente vía gmail.
PROYECTO ENVIADO EL DÍA DE LA PRUEBA
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Manuscript Free Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="header">
<div class="title">
<h1>Proyecto</h1>
<h3>2017</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Inicio</a></h2>
<p>
<script>
function validar(){
var numero=document.getElementById("numero").value;
var funcion=document.getElementById("funcion").value;
if(numero.length!=0){
if(funcion!=""){
if(!isNaN(numero)){
document.getElementById("formulario").submit();
}
else{ alert("En el espacio destinado para numero solo se pueden digitar valores numericos.");}
}
else{ alert("Debe seleccionar una opción de función para poder realizar la operacion.");}
}
else{ alert("Debe digitar en el espacio de numero (solo valores numericos)");}
}
</script>
<form id="formulario" name="formulario" method="post" action="resultado.php" >
<br>
<p><b>Ingrese el numero por favor:</b><br><br>
<input type="text" name="numero" id="numero" autocomplete="off"/>
</p>
<br><br><br>
<p><b>Escoja la funcion que quiere realizar:</b><br><br>
<select id="funcion" name="funcion" autocomplete="off">
<option value="" selected>Seleccione una opción</option>
<option value="seno"> seno </option>
<option value="coseno"> coseno </option>
<option value="tangente"> tangente </option>
<option value="arco_de_tangente"> arco de tangente </option>
<option value="tangente_hiperbolica"> tangente hiperbolica </option>
<option value="raiz_cuadrada"> raiz cuadrada </option>
</select>
</p><br><br><br>
<p>
<input type="button" onclick="validar()" value="CALCULAR">
</p>
</form>
</p>
<br />
<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="index.php">Inicio</a></li>
<!--<li><a href="resultado.php">Resultado</a></li>-->
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>
</div>
</div>
</body>
</html>
resultado.php
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Manuscript Free Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="header">
<div class="title">
<h1>Proyecto</h1>
<h3>2017</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Resultado</a></h2>
<p>
<?php
$numero =$_POST['numero'];
$funcion =$_POST['funcion'];
if ($funcion == "seno"){
echo (sin($numero));
}
else{
if($funcion == "coseno"){
echo (cos($numero));
}
else{
if($funcion == "tangente"){
echo (tan($numero));
}
else{
if($funcion == "arco_de_tangente"){
echo (atan($numero));
}
else{
if($funcion == "tangente_hiperbolica"){
echo (tanh($numero));
}
else{ echo(sqrt($numero));
/*if($funcion == "raiz_cuadrada" && $numero>=0){
echo (sqrt($numero));
}
else{
$validar=($numero*-1)
echo "raiz imaginaria".(sqrt($validar));*/
}
}
}
}
}
?>
</p>
<br />
<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="index.php">Inicio</a></li>
<li><a href="resultado.php">Resultado</a></li>
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>
</div>
</div>
</body>
</html>
derechos.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Manuscript Free Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="header">
<div class="title">
<h1>Proyecto</h1>
<h3>2017</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Derechos</a></h2>
<br><br>
<p>
<center><img src="img.jpg" width="100px"></center>
<br><br>
<center>
<b>Angela Sofía Barajas Ochoa</b><br><br>
<b>Grado:</b> 10A<br><br>
<b>Sala:</b> Bilingüismo<br><br>
<b>Presentado a:</b> Nelson Enrique Peña Ferrei<br><br>
Colegio Integrado Nuestra Señora Del Divino Amor<br><br>
</center>
</p>
</p>
<br />
<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="index.php">Inicio</a></li>
<!--<li><a href="resultado.php">Resultado</a></li>-->
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>
</div>
</div>
</body>
</html>
No hay comentarios:
Publicar un comentario