HTML y javascript Algoritmo Serie Fibonacci
Objetivo: desarrollar el aloritmo de fibonacci
Estructura:
1.- Crear proyecto en netbeans html/javascript
2.- modificar el proyecto anterior las funciones de javascript.
3.- modificando function.js
/*
* Descripcion de la serie:
* 0,1,1,2,3,5,8...
*/
var numero = 0;
var salida;
function ejecutar(){
numero = document.getElementById("inputEle").value;
salida = document.getElementById("resultado");
salida.innerHTML = "";
var r=0;
var a=0, b=1;
if(numero == 1){
salida.innerHTML = a+" ";
}
if(numero >=2){
salida.innerHTML = a+", "+b+"";
}
if(numero <= 100 && numero >= 0){
for(var x=0; x<numero - 2; x++){
//lo que hacemos es cargar los primeros 2 valores por default
//y despues solo desplazarlos
salida.innerHTML += ", ";
r = a + b; //a = 0 , b = 1
a= b; // a = 1
b = r; //b = r (nuevo valor)
salida.innerHTML += r+"";
}
}else{
salida.innerHTML = "Proporcione un valor entre 0 y 100";
}
/*Limitamos el rango para no saturar la memoria*/
}
4.- index.html
<!DOCTYPE html>
<html>
<head>
<title>
Fibonacci Serie
</title>
<meta charset="UTF-8">
<script src="source/function.js"></script>
<link rel="stylesheet" href="source/style.css">
</head>
<body>
<h1>Fibonacci Serie</h1>
<div>
<br>
<label>Proporciona el numero de elementos de la serie: </label>
<br><br>
<input type="text" id="inputEle"/>
<button onclick="ejecutar();">Aceptar</button>
<div id="resultado" class="resultado">
</div>
</div>
</body>
</html>
5.- sctyle.css
h1{
text-align: center;
}
div {
border: gray 1px solid;
margin: 20px;
align-items: center;
}
.resultado {
margin: 20px;
align-items: center;
border: none;
color: blue;
}
6.- Resultado final
Entradas
No hay comentarios.