La idea es un programa que le añades dos números y te saca los pares o impares que hay entre ellos. Y me gustaría que los números se pueda cambiar con el input de type=color pero no sé cómo podría hacerlo ni si quiera sé si se podría hacer.
function cargar() {
a=document.getElementById("numero1");
b=document.getElementById("numero2");
a=parseInt(a);
b=parseInt(b);
ventana=document.getElementById("resultados");
limpiar();
}
function pares(a,b) {
a=parseInt(a);
b=parseInt(b);
limpiar();
if(b<a) {
x=a;
a=b;
b=x;
}
c=0;
for(i=a;i<=b;i++)
{
if(i%2==0)
{
c++;
ventana.innerHTML=ventana.innerHTML+" "+i;
if(c==10)
{
c=0;
ventana.innerHTML=ventana.innerHTML+"<br>";
}
}
}
}
function limpiar()
{
ventana.innerHTML="";
}
function impares(a,b) {
a=parseInt(a);
b=parseInt(b);
limpiar();
if (b<a) {
x=a;
a=b;
b=x;
}
c=0;
for(i=a;i<=b;i++) {
if (i%2-1==0) {
c++
ventana.innerHTML=ventana.innerHTML+" "+i;
if(c==10) {
c=0;
ventana.innerHTML=ventana.innerHTML+"<br>";
}
}
}
}
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<script src="js/functions.js"></script>
<title>Examen js</title>
</head>
<body onload=cargar()>
<div>
<label for="numero1">Introduce Primer Numero:
<input type="number" step="1" id="numero1"></label>
<br>
<label for="numero2">Introduce Ultimo Numero:
<input type="number" step="1" id="numero2"></label>
<table>
<tr>
<th><input type="button" value="Numeros pares" onclick="pares(numero1.value,numero2.value)"></th>
<th><input type="button" value="Numeros impares" onclick="impares(numero1.value,numero2.value)"></th>
<th><input type="color" value="Color" onclick="colorDiv()"></th>
</tr>
<tr>
<th colspan="5" ><input class="limpiar" type="button" value="limpiar" onclick="limpiar()"></th>
</tr>
</table>
<div id="resultados" class="resultado">
<p>resultados:</p>
</div>
</body>
</html>