10 - Método html() y html(valor)


Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado)

Problema:

<!DOCTYPE html>
<html>

<head>
  <title>Ejemplo de jQuery</title>
  <meta charset="UTF-8">
</head>

<body>
  <input type="button" id="boton1" value="Mostrar el HTML de la cabecera de la página">
  <input type="button" id="boton2" value="Mostrar el HTML del cuerpo de la página"><br>

  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  <script src="funciones.js"></script>
</body>

</html>
let x = $(document);
x.ready(inicializarEventos);

function inicializarEventos() {
  let x = $("#boton1");
  x.click(presionBoton1);
  x = $("#boton2");
  x.click(presionBoton2);
}

function presionBoton1() {
  let x = $("head");
  alert(x.html());
}
function presionBoton2() {
  let x = $("body");
  alert(x.html());
}

Confeccionar una página que tenga dos botones. El primero debe mostrar en un alert el contenido HTML de la cabecera de la página y el segundo el contenido HTML del cuerpo de la página.


Ver solución

pagina1.html





funciones.js



Retornar