Se introduce un campo con textos separados con comas y se convierte en una tabla con la función split. A continuación se busca filtra ese array con una palabra.
<!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>4.8</title>
</head>
<body>
<h1>4.8 Una tabla que cumpla con el filtro introducido</h1>
<p>Introduce los primeros enteros separados por comas: </p>
<input type="text" placeholder="Array" id="array">
<p>
Valor a buscar: <input type="text" placeholder="Texto a añadir" id="valor">
<input type="button" value="Filtrar" onclick="filtrar()">
</p>
<input type="button" value="Reiniciar" onclick="reiniciar()">
<p id="resultado"></p>
<script>
var array=[], valor="";
function filtrar()
{
array=document.getElementById("array").value.split(/,/);
valor=document.getElementById("valor").value;
var array2=array.filter(filtra);
array2.forEach(muestra);
}
function filtra(ele){
var ret=false;
if (ele.includes(valor))
ret=true;
return ret;
}
function muestra(ele,ind,arr){
document.getElementById("resultado").innerHTML = document.getElementById("resultado").innerHTML +"Ind:"+ ind + " elemento: " + ele + "<br>";
}
function reiniciar()
{
location.reload();
}
</script>
</body>
</html>
