Buenas tardes a todos:
Estoy realizando un formulario con HTML y JavaScript en el cual inserto un valor numérico en un input y se construyen input con respecto al número insertado, esto se realiza correctamente.
Mi pregunta es cómo puedo hacer para que se borren los input que ya se construyeron ejemplo si borro el valor numérico se debe borrar los input que previamente había construido.
Ejemplo:
Inserto el número 5 y se construyen 5 input si borro el número 5 deberían borrarse los input insertados
Aquí dejo el código
Código:
<!DOCTYPE html>
<html>
<head>
<script>
function validarHijos(frm)
{
var numHijos = document.getElementById("numeroHijosU").value;
var num = 0;
for(var i=0;i<numHijos;i++){
elem=document.createElement('input');
elem3=document.createElement('br');
num++;
elem.name="hijos"+num;
frm.appendChild(elem);
frm.appendChild(elem3)
}
}
</script>
</head>
<body>
<form>
Número de hijos:<input type="text" id="numeroHijosU" name="numeroHijosU" onkeyup="validarHijos(this.form);">
<br>
</form>
</body>
</html>
Les agradezco si me pueden ayudar