Diferencia entre revisiones de «Programación en JavaScript/Funciones»

Contenido eliminado Contenido añadido
m Revertidos los cambios de 83.56.19.7 (disc.) a la última edición de JackPotte
Línea 56:
alert(suma(7,43)); {{JavaScript///|50}}
document.write(total + suma(54,-7)); {{JavaScript///|50}}
 
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="M1N1_files/prettify-ver-1398774580266.css">
<link rel="stylesheet" type="text/css" href="M1N1_files/bootstrap-responsive-ver-1398774578576.css">
<link rel="stylesheet" type="text/css" href="M1N1_files/bootstrap-elkan-ver-1425883263574.css">
<link rel="stylesheet" type="text/css" href="M1N1_files/ajedrez.css">
<script type="text/javascript">
var clientes = [];
var posact = 0;
function nuevo()
{
document.getElementById("id").value = "";
document.getElementById("nombre").value = "";
document.getElementById("apellidos").value = "";
document.getElementById("nombrecompleto").value = "";
document.getElementById("posarray").value = "";
}
function datos()
{
var id = document.getElementById("id").value;
var nombre = document.getElementById("nombre").value;
var apellidos = document.getElementById("apellidos").value;
var nombrecompleto = document.getElementById("nombrecompleto").value;
guardar(id, nombre, apellidos, nombrecompleto);
}
function guardar(id, nombre, apellidos, nombrecompleto)
{
var cliente = {
id : id,
nombre : nombre,
apellidos : apellidos,
nombrecompleto : nombrecompleto,
};
clientes.push(cliente);
posiciones()
}
function delante()
{
if(!posact)
{
posact = 0;
}
if(clientes)
{
if((posact+1) < clientes.length)
{
posact = posact+1;
recuperar();
}
}
}
function atras()
{
if(!posact)
{
posact = 0;
}
if(clientes)
{
if((posact-1) < clientes.length)
{
posact = posact-1;
recuperar();
}
}
}
function recuperar()
{
var cliente = clientes[posact];
document.getElementById("id").value = cliente.id;
document.getElementById("nombre").value = cliente.nombre;
document.getElementById("apellidos").value = cliente.apellidos;
document.getElementById("nombrecompleto").value = cliente.nombrecompleto;
document.getElementById("posarray").value = posact+1;
}
function posiciones()
{
document.getElementById("numarray").value = clientes.length;
}
</script>
</head>
<body id="contenido">
<input type="button" class="input-blocksmall iniciarsesion" id="nuevo" value="Nuevo" onclick="nuevo()">
&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
<label><b><u>Total</u></b></label>
<input type="text" id="numarray" value="" readonly>
&nbsp;&nbsp;
<label><b><u>Posicion</u></b></label>
<input type="text" id="posarray" value="" readonly>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
<input type="button" class="input-blocksmall iniciarsesion" id="<" value="<" onclick="atras()">
&nbsp;&nbsp;
<input type="button" class="input-blocksmall iniciarsesion" id=">" value=">" onclick="delante()">
 
<form id="formu">
<div class="row-fluid elkan-form-horizontal">
<div class="span7">
<fieldset>
<legend><b><i><u>Datos clientes</u></i><b></legend>
<div class="control-group">
<label class="control-label-left"><b>Id:</b></label>
<div class="controls">
<input type="text" class="input-block-level" id="id" maxlength="100">
</div>
</div>
<div class="control-group">
<label class="control-label-left"><b>Nombre:</b></label>
<div class="controls">
<input type="text" class="input-block-level" id="nombre" maxlength="100">
</div>
</div>
<div class="control-group">
<label class="control-label-left"><b>Apellidos:</b></label>
<div class="controls">
<input type="text" class="input-block-level" id="apellidos" maxlength="100">
</div>
</div>
<div class="control-group">
<label class="control-label-left"><b>Nombre completo:</b></label>
<div class="controls">
<input type="text" class="input-block-level" id="nombrecompleto" maxlength="100">
</div>
</div>
</fieldset>
</div>
</div>
</form>
<br>
&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
<input type="button" class="input-blocksmall iniciarsesion" id="enviar" value="Guardar" onclick="datos()">
</body>
</html>
 
A lo largo de los siguientes capítulos veremos como crear y utilizar funciones, tanto propias como ajenas. Recordemos que podemos incluir código desde otro archivo y por supuesto, ese código puede contener funciones. En el siguiente capítulo veremos más ejemplos de funciones y avanzaremos en funciones internas de JavaScript.