Ejercicio de js
Publicado por Deisy (1 intervención) el 21/06/2023 16:02:11
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GeneAlea(mini,maxi), genera números aleatorios entre un mínimo y un máximo</title>
</head>
<body>
<h3>GeneAlea(mini,maxi), genera números aleatorios entre un mínimo y un máximo</h3>
<script type="text/javascript">
VectColo = [];
function GeneAlea(mini, maxi) {
var alea = Math.floor(Math.random() * (maxi - mini + 1)) + mini;
return alea;
}
function CambColo(colo, Maxi) {
var Colu = 0;
var MomeActu = new Date();
var Hora = MomeActu.getHours();
var Minu = MomeActu.getMinutes();
var Segu = MomeActu.getSeconds();
for (var RecoFila = Maxi - 1; RecoFila >= 0; RecoFila--) {
document.getElementById("c" + (RecoFila + 1) + Colu).innerHTML = document.getElementById("c" + RecoFila + Colu).innerHTML;
document.getElementById("c" + (RecoFila + 1) + Colu).style.background = VectColo[RecoFila];
VectColo[RecoFila + 1] = VectColo[RecoFila];
}
document.getElementById("c" + 0 + Colu).style.background = colo;
document.getElementById("c" + 0 + Colu).innerHTML = Hora + " " + " " + Minu + " " + Segu;
VectColo[0] = colo;
}
function Rein(Maxi) {
var Colu = 0;
var MomeActu = new Date();
var Hora = MomeActu.getHours();
var Minu = MomeActu.getMinutes();
var Segu = MomeActu.getSeconds();
for (var Fila = 0; Fila <= Maxi; Fila++) {
document.getElementById("c" + Fila + Colu).style.background = 'rgb(255,255,255)';
document.getElementById("c" + Fila + Colu).innerHTML = Hora + " " + " " + Minu + " " + Segu;
VectColo[Fila] = 'rgb(255,255,255)';
}
}
</script>
</head>
<body>
<h1>Colorear casillas al inicio.</h1>
<table border="2">
<tr>
<td id="c00" > Celda 00</td>
</tr>
<tr>
<td id="c10" > Celda 10</td>
</tr>
<tr>
<td id="c20" > Celda 20</td>
</tr>
<tr>
<td id="c30" > Celda 30</td>
</tr>
<tr>
<td id="c40" > Celda 40</td>
</tr>
<tr>
<td id="c50" > Celda 50</td>
</tr>
<tr>
<td id="c60" > Celda 60</td>
</tr>
<tr>
<td id="c70" > Celda 70</td>
</tr>
<tr>
<td id="c80" > Celda 80</td>
</tr>
<tr>
<td id="c90" > Celda 90</td>
</tr>
</table>
<br>
<input type="submit" value="Reiniciar" onclick="Rein(9)">
</form>
<script>
setInterval(HaceCosa, 1000);
function HaceCosa() {
var rojo = GeneAlea(0, 255);
var verd = GeneAlea(0, 255);
var azul = GeneAlea(0, 255);
var colocasi = 'rgb(' + rojo + ',' + verd + ',' + azul + ')';
CambColo(colocasi, 9);
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GeneAlea(mini,maxi), genera números aleatorios entre un mínimo y un máximo</title>
</head>
<body>
<h3>GeneAlea(mini,maxi), genera números aleatorios entre un mínimo y un máximo</h3>
<script type="text/javascript">
VectColo = [];
function GeneAlea(mini, maxi) {
var alea = Math.floor(Math.random() * (maxi - mini + 1)) + mini;
return alea;
}
function CambColo(colo, Maxi) {
var Colu = 0;
var MomeActu = new Date();
var Hora = MomeActu.getHours();
var Minu = MomeActu.getMinutes();
var Segu = MomeActu.getSeconds();
for (var RecoFila = Maxi - 1; RecoFila >= 0; RecoFila--) {
document.getElementById("c" + (RecoFila + 1) + Colu).innerHTML = document.getElementById("c" + RecoFila + Colu).innerHTML;
document.getElementById("c" + (RecoFila + 1) + Colu).style.background = VectColo[RecoFila];
VectColo[RecoFila + 1] = VectColo[RecoFila];
}
document.getElementById("c" + 0 + Colu).style.background = colo;
document.getElementById("c" + 0 + Colu).innerHTML = Hora + " " + " " + Minu + " " + Segu;
VectColo[0] = colo;
}
function Rein(Maxi) {
var Colu = 0;
var MomeActu = new Date();
var Hora = MomeActu.getHours();
var Minu = MomeActu.getMinutes();
var Segu = MomeActu.getSeconds();
for (var Fila = 0; Fila <= Maxi; Fila++) {
document.getElementById("c" + Fila + Colu).style.background = 'rgb(255,255,255)';
document.getElementById("c" + Fila + Colu).innerHTML = Hora + " " + " " + Minu + " " + Segu;
VectColo[Fila] = 'rgb(255,255,255)';
}
}
</script>
</head>
<body>
<h1>Colorear casillas al inicio.</h1>
<table border="2">
<tr>
<td id="c00" > Celda 00</td>
</tr>
<tr>
<td id="c10" > Celda 10</td>
</tr>
<tr>
<td id="c20" > Celda 20</td>
</tr>
<tr>
<td id="c30" > Celda 30</td>
</tr>
<tr>
<td id="c40" > Celda 40</td>
</tr>
<tr>
<td id="c50" > Celda 50</td>
</tr>
<tr>
<td id="c60" > Celda 60</td>
</tr>
<tr>
<td id="c70" > Celda 70</td>
</tr>
<tr>
<td id="c80" > Celda 80</td>
</tr>
<tr>
<td id="c90" > Celda 90</td>
</tr>
</table>
<br>
<input type="submit" value="Reiniciar" onclick="Rein(9)">
</form>
<script>
setInterval(HaceCosa, 1000);
function HaceCosa() {
var rojo = GeneAlea(0, 255);
var verd = GeneAlea(0, 255);
var azul = GeneAlea(0, 255);
var colocasi = 'rgb(' + rojo + ',' + verd + ',' + azul + ')';
CambColo(colocasi, 9);
}
</script>
</body>
</html>
Valora esta pregunta
-1
