A button no execute a function
I am doing this code, but the buton with the event onclick="Anadir()" no execute the function "Anadir()" when is pressed. what it is wrong? Code: <!DOCTYPE html> <html> <head> <title>Prueba de las observaciones</title> </head> <body> <table id="Observaciones" border="3" align="center"> <tr><td align="center" colspan="2">Observaciones</td></tr> <tr> <td><input type="text" id="Obs" placeholder="Ingresa alguna observación"></td> <td><button onclick="Anadir()">Añadir observación</button></td> </tr> </table> <br> <table align="center"><tr> <td><button id="Guardar" onclick="Guardar()">Guardar</button></td> <td><button id="Cargar" onclick="Cargar()">Cargar</button></td> </tr></table> <script type="text/javascript"> var Observaciones = ["Hola"]; Actualizar(); function Anadir(){ var text = document.getElementById("Obs").value; Observaciones[Observaciones.length] = text; alert("Agregado"); Actualizar(); } function Actualizar(){ var Observaciones_tab = document.getElementById("Observaciones"); var Contenido = "<tr><td align=\"center\" colspan=\"2\">Observaciones</td></tr>"; for(var x = 0; x <= Observaciones.length-1; x++){ Contenido = Contenido + "<tr><td colspan=\"2\">" + Observaciones[x] + "</tr></td>"; } Contenido = Contenido + "<tr><td><input type=\"text\" id=\"Obs\" placeholder=\"Ingresa alguna observación\"></td><td><button id=\"add_Obs\" onclick=\"\">Añadir observación</button></td></tr>" Observaciones_tab.innerHTML = Contenido; alert("Actualizado"); } function Guardar(){ localStorage.setItem("Observaciones",Observaciones.join("|")); localStorage.setItem("First_Save",true); alert("Guardado"); } function Cargar(){ if(localStorage.getItem("First_Save")){ Observaciones = localStorage.getItem("Observaciones").split("|"); alert("Cargado"); Actualizar(); } } </script> </body> </html> PD: Sorry if i committed a mistake, but i am learning english. :D
Często masz takie pytania?
Ucz się bardziej efektywnie, za darmo:
