Ejemplos de JavaScript y JQuery
Hola, mundo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mi primera página jQuery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
console.log("listo!");
});
</script>
</head>
<body>
<p>¡Hola, mundo!</p>
</body>
</html>Escritores
Abre el ejemplo en el navegador. A continuación, abre las herramientas para desarrolladores y selecciona la consola. Puedes introducir en la consola los ejemplos de código de las transparencias de JavaScript y JQuery que corresponden a este ejemplo, y comprobar su efecto en la página.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pruebas de jQuery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<style type="text/css">
body {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.escritor {
font-variant: small-caps;
}
.encuadrado {
border: 1px solid red;
}
.retratos {
background-color: rgb(230, 230, 230);
border-top: 1px solid black;
border-bottom: 1px solid black;
padding-top: 1em;
padding-bottom: 1em;
text-align: center;
}
.pregunta {
margin-top: 2ex;
}
</style>
</head>
<body>
<h1>Pruebas en JQuery</h1>
<ul>
<li>
<div class="escritor">Miguel de Cervantes</div>
<p class="info">
<a href="https://es.wikipedia.org/wiki/Miguel_de_Cervantes">Miguel
de Cervantes Saavedra</a>
(Alcalá de Henares, 29 de
septiembre de 1547 – Madrid, 22 de abril de 1616) fue un
soldado, novelista, poeta y dramaturgo español. Es
considerado una de las máximas figuras de la literatura
española y universalmente conocido por haber escrito Don
Quijote de la Mancha, que muchos críticos han descrito como
la primera novela moderna y una de las mejores obras de la
literatura universal, además de ser el libro más editado y
traducido de la historia, sólo superado por la Biblia. Se le
ha dado el sobrenombre de «Príncipe de los Ingenios».
</p>
</li>
<li>
<div class="escritor">Francisco de Quevedo</div>
<p class="info">
<a href="https://es.wikipedia.org/wiki/Francisco_de_Quevedo">Francisco
Gómez de Quevedo Villegas y Santibáñez Cevallos</a>
(Madrid, 14 de septiembre de 1580 – Villanueva de los
Infantes, Ciudad Real, 8 de septiembre de 1645), conocido
como Francisco de Quevedo, fue un escritor español del Siglo
de Oro. Se trata de uno de los autores más destacados de la
historia de la literatura española y es especialmente
conocido por su obra poética, aunque también escribió obras
narrativas y obras dramáticas. Ostentó los títulos de señor
de La Torre de Juan Abad y caballero de la Orden de Santiago
(su ingreso se hizo oficial el 29 de diciembre de 1617).
</p>
</li>
<li>
<div class="escritor">Luis de Góngora</div>
<p class="info">
<a href="https://es.wikipedia.org/wiki/Luis_de_G%C3%B3ngora">Luis
de Góngora y Argote</a> (Córdoba, 11 de julio de
1561, 23 de mayo de 1627) fue un poeta y dramaturgo
español del Siglo de Oro, máximo exponente de la corriente
literaria conocida, más tarde y con simplificación
perpetuada a lo largo de siglos, como culteranismo o
gongorismo, cuya obra será imitada tanto en su siglo como en
los siglos posteriores en Europa y América. Como si se
tratara de un clásico latino, sus obras fueron objeto de
exégesis ya en su misma época.
</p>
</li>
</ul>
<div class="retratos">
<img class="retrato" id="foto-cervantes" src="cervantes.jpg" height="180">
<img class="retrato" id="foto-quevedo" src="quevedo.jpg" height="180">
<img class="retrato" id="foto-gongora" src="gongora.jpg" height="180">
</div>
<div class="preguntas">
<form>
<fieldset>
<legend>Bloque 1</legend>
<label>
<div class="pregunta">¿Qué escritor nació en Alcalá de Henares?</div>
<input name="pregunta1" type="text">
</label>
<label>
<div class="pregunta">¿Dónde nació Góngora?</div>
<input name="pregunta2" type="text">
</label>
</fieldset>
<fieldset>
<legend>Bloque 2</legend>
<div class="pregunta">¿Quién fue caballero de la Orden de Santiago?</div>
<label>
<input name="pregunta3" type="radio" value="cervantes" checked>Cervantes
</label>
<label>
<input name="pregunta3" type="radio" value="quevedo">Quevedo
</label>
<label>
<input name="pregunta3" type="radio" value="gongora">Góngora
</label>
<div class="pregunta">¿Quiénes de estos autores fueron españoles?</div>
<label>
<input name="pregunta4" type="checkbox" value="cervantes">Cervantes
</label>
<label>
<input name="pregunta4" type="checkbox" value="shakespeare">Shakespeare
</label>
<label>
<input name="pregunta4" type="checkbox" value="gongora">Góngora
</label>
</fieldset>
</form>
</div>
</body>
</html>