¿Cómo funciona este código HTML?

Las primeras tres líneas simplemente declaran que se trata de un documento HTML, y comienzan la sección “cuerpo” (lo que realmente se mostrará).

A continuación, tenemos un encabezado, seguido de un párrafo marcado para tener la identificación “msg”, con el texto “Ahora me ves”.

A continuación, se crean dos botones. Cada uno de estos tiene una acción “onclick”, que consiste en un fragmento de JavaScript. Cada uno de estos simplemente cambia el contenido del elemento de la página con el ID “msg”.

Su navegador lee la página y ve que cada botón tiene una acción “onclick”. Si hace clic en uno de esos botones, su navegador ejecuta el JavaScript asociado con la acción “onclick” para ese botón.

Eso es todo lo que realmente hay. Las dos últimas líneas solo marcan el cierre del cuerpo y el final del contenido HTML.

Abordemos esto:

onclick = “document.getElementById (′ msg ′). innerHTML = ′ Gone! ′”

(imagina una línea horizontal aquí porque seguramente no sé cómo ponerla)

onclick : especifique qué sucede cuando hace clic en el botón

document.getElementById (′ msg ′) – encuentra el elemento con id “msg”

innerHTML = ‘¡Se fue!’ – y cambia su código HTML interno a “Gone”

HTML no es código, es contenido. (Javascript es un lenguaje de programación, HTML y CSS no lo son).

Las primeras 3 líneas son una especie de “estas deben estar en la parte superior de un documento HTML”.

La línea h1 es un encabezado de tipo 1.

pid es el ID de proceso asignado por el sistema operativo; no tiene lugar en un documento HTML.

Simplemente léalo una etiqueta HTML a la vez (de ) y el código es bastante trivial. (En realidad, no hace mucho, y lo que hace , lo hace de la manera difícil).