25/01/2015, 15:10
|
| | | Fecha de Ingreso: junio-2009
Mensajes: 28
Antigüedad: 15 años, 6 meses Puntos: 0 | |
| Respuesta: Botón con function() sólo se aplica al primer elemento y no a todos!!!
Hola jsstoni. Hice como me dijiste, cambiar las id por clases a los inputs menos los botones, y otra prueba usando clases en todos los elementos incluido los botones. Pero ninguna forma funcionó.
El código en sí funciona bien, pero sólo se aplica al primer "renglón" digamos, la primer palabra. Al resto no permite eliminarlas o modificarlas.
Paso de nuevo el código HTML del listado porque creo que se copió mal:
<!DOCTYPE HTML>
<html>
<head>
<title>Listado</title>
<script>
window.addEventListener('load', inicio, false);
function inicio() {
document.getElementById('guardar').addEventListene r('click', guardar, false);
}
function guardar(evt) {
localStorage.setItem(document.getElementById('ingl es').value, document.getElementById('castellano').value);
document.getElementById('ingles').value='';
document.getElementById('castellano').value='';
}
for (x=0; x<=localStorage.length-1; x++) {
clave = localStorage.key(x);
document.write("La clave " + "<input type='text' id='ingles' value='" + clave + "'>" + " contiene el valor " + "<input type='text' id='castellano' value='" + localStorage.getItem(clave) + "'>" + "<br />");
}
function func_elim(){
localStorage.removeItem(document.getElementById('i ngles').value);
}
</script>
</head>
<body>
<br>
<input type="button" id="guardar" value="Guardar">
<input type="button" value='Eliminar' onClick="func_elim();"/>
</body>
</html> |