Recommended
More Related Content
Similar to ejemplos programación JS en l.HTML .pptx
Similar to ejemplos programación JS en l.HTML .pptx (14)
Recently uploaded
Recently uploaded (20)
ejemplos programación JS en l.HTML .pptx
- 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>