estos son ejemplos de como programar en JavaScript. son programas ya creados para la enseñanza y aprendizaje de los estudiantes del segundo ciclo de secundaria. estos codigos o etiquetas en lenguaje demarcado HTML ayuda a los estudiantes a crear una página web.
2. ¿Qué puede hacer JavaScript?
˂!DOCTYPE html ˃
<html>
<body>
<h2>What Can JavaScript Do?</h2>
<p>JavaScript can show hidden HTML elements.</p>
<p id="demo" style="display:none">Hello JavaScript!</p>
<button type="button" onclick="document.getElementById('demo').style.display='block'">Click
Me!</button>
</body>
</html>
Puede mostrar elementos HTML ocultos
3. • ˂!DOCTYPE html ˃
• <html>
• <body>
• <h2>What Can JavaScript Do?</h2>
• <p id="demo">JavaScript can hide HTML elements.</p>
• <button type="button"
onclick="document.getElementById('demo').style.display='none'">Click
Me!</button>
• </body>
• </html>
Puede mostrar elementos HTML ocultos
4. Cambia el estilo a las letras
• ˂!DOCTYPE html ˃
• <html>
• <body>
• <h2>What Can JavaScript Do?</h2>
• <p id="demo">JavaScript can change the style of an HTML element.</p>
• <button type="button"
onclick="document.getElementById('demo').style.fontSize='35px'">Click
Me!</button>
• </body>
• </html>
5. Puede cambiar los valores de los atributos de
Html
• ˂!DOCTYPE html ˃
• <html>
• <body>
• <h2>What Can JavaScript Do?</h2>
• <p>JavaScript can change HTML attribute values.</p>
• <p>In this case JavaScript changes the value of the src (source) attribute of an image.</p>
• <button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the
light</button>
• <img id="myImage" src="pic_bulboff.gif" style="width:100px">
• <button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the
light</button>
• </body>
• </html>
6. Puede cambiar un contenido
• ˂!DOCTYPE html ˃
• <html>
• <body>
• <h2>What Can JavaScript Do?</h2>
• <p id="demo">JavaScript can change HTML content.</p>
• <button type="button"
onclick='document.getElementById("demo").innerHTML = "Hello
JavaScript!"'>Click Me!</button>
• </body>
• </html>