Ejercicios

Ejercicio "concesionario1.html"

Haz la siguiente tabla de un #concesionario:

Marca Modelo Tipo Precio
Seat Ibiza diesel 12000
Renault Megane gasol 15000
Seat Altea gasol 17000
Peugeout 3008 diesel 20000
Renault Clio gasol 13000
Ford Fiesta gasol 9000
Toyota Prius hibrid 21000
Tesla Roaster electr 172000
Ford Mondeo diesel 18000

Crea 4 botones para marcar de amarillo las filas de la tabla que cumplan los siguientes filtros:

Crea 2 arrays globales que se refieran a las celdas de la Marca y del Tipo:

Ejercicio "concesionario2.html"

Cambiar los botones de filtro por grupos de radio.

Ejemplo con tipo:

<label>
    <input type="radio" name="tipo" value="gasol" onchange="filtrarTipo(this)">
    Gasolina
</label>
<label>
    <input type="radio" name="tipo" value="diesel"
    onchange="filtrarTipo(this)">
    Diesel
</label>
<label>
    <input type="radio" name="tipo" value="hibrid"
    onchange="filtrarTipo(this)">
    Híbrido
</label>
<label>
    <input type="radio" name="tipo" value="electr"
    onchange="filtrarTipo(this)">
    Eléctrico
</label>

Ejercicio "concesionario3.html"

Igual que el ejercicio anterior pero en vez de marcar de amarillo, ocultar todas las filas menos las del filtro.

Proinf.net