Images ENTREGA DE NOTAS Y ACUMULATIVO

marzo 22 de 2017

hoy nos entregaron notas y nos ayudaron bastante a pasar la materia. yo quedé exento del acumulativo pero decidí presentarlo.
El acumulativo era el siguiente: hacer 2 cajas de texto, que en la primera pida el nombre, y en la segundo el valor. Luego que al darle click a un botón aparezca las caracteristicas del producto y el valor con iva. el código sería el siguiente
<!doctype html>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>acumulativo10a_julianGomez</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" type="text/css" href="css/mobile.css">
<script src="js/mobile.js" type="text/javascript"></script>
<script type="text/javascript">
function Continuar() {
var N = document.getElementById("text").value;
var V = document.getElementById("valor").value;
if (!isNaN(V)) {
if (!isNaN(N)){
alert("En la primera casilla sólo pueden haber letras");
} else {
iva = V * 1.19;
document.getElementById("contenedor").innerHTML="Nombre del producto:" + " " + N + " " + "Valor:" + " " + V + " " + "Valor del producto con iva:" + " " + iva;
}
} else {
alert("En el valor debe digitar sólo números");
}
}
</script>
<style type="text/css">
.text {
margin-left: 550px;
border-radius: 1em;
}
.boton {
margin-left: 570px;
background-color: crimson;
border-radius: 1em;
}
.num {
margin-left: 550px;
border-radius: 1em;
}
.contenedor {
height: 100px;
width: 500px;
border: 1px solid skyblue;
border-radius: 1em;
color: #fff;
font-size: 16px;
font-family: arial;

}
</style>
</head>
<body>
<div id="page">
<div id="header">
<div>
<a href="index.html" class="logo"><img src="images/logo.png" alt=""></a>
<ul id="navigation">
<li class="selected">
<a href="index.html">Inicio</a>
</li>
<li>
<a href="derechos.html">Derechos</a>
</li>
</ul>
</div>
</div>
<div id="body" class="home">
<div class="header">
<div>
<img src="images/satellite.png" alt="" class="satellite">
<div class="col-md-6 col-md-offset-3">
<br>
<p class="texto"><h2>Digite el nombre del producto</h2><input type="text" class="text" name="text" id="text"></p>

<h2 ><label>Digite el valor del producto</label></h2>
<br><br>
    <input class="num" type="text" name="valor" id="valor">
      <br><br>
      <button class="boton" type="button" onclick='Continuar()'>CONTINUAR</button>
<br><br>
<div class="contenedor" id="contenedor"></div>

</div>

<ul>

</div>
</div>


</div>

</div>
</body>
</html>