¿Por qué este código no actualiza "Todo está bien" a "Alerta roja: golpeado por fuego de fáser"?
¿Qué tiene de malo? Lo hice siguiendo las instrucciones del libro, pero no obtuve el resultado esperado.
<!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>Planets</title> <script> var planet; function init() { var Planet = document.getElementById("greenplanet"); planet.innerHTML = "Red Alert: hit by phaser fire!"; } window.onload= init; </script> </head> <body> <h1>greenplanet</h1> <p id="greenplanet">All is well</p> <h1>redplanet</h1> <p id="redplanet">Nothing to report</p> <h1>blueplanet</h1> <p id="blueplanet">All system A-OK</p> </body> </html>Un par de razones.
Has deletreado planeta de dos maneras diferentes, planet y Planet . Javascript distingue entre mayúsculas y minúsculas.
Declaraste planeta dos veces. Deberías poder hacer var planet; y luego asígnelo en la siguiente línea como planet = document.getElementById("greenplanet");
El uso de un buen IDE como Visual Studio Code con una instalación de corrector ortográfico puede ayudarlo a eliminar problemas como este en el futuro.