script.js

/**
 * Demostración del uso de querySelector
 * y querySelectorAll en JavaScript
 * 
 * @author parzibyte
 * @see https://parzibyte.me/blog
 */

// Uso de querySelectorAll
const $enlaces = document.querySelectorAll("a");
$enlaces.forEach(enlace => {
	console.log("Tenemos un enlace cuyo href es: ", enlace.href);
});

// Por clase
const $botonesAzules = document.querySelectorAll("button.btn-primary");
$botonesAzules.forEach(boton => {
	console.log("Tenemos un botón azul con el texto: ", boton.textContent);
});

// querySelector para obtener por id
const $parrafoImpresoraSeleccionada = document.querySelector("#impresoraSeleccionada");
// Modificar el texto
$parrafoImpresoraSeleccionada.textContent = "Hola, modificando el texto desde JavaScript";

// Obtener el primer encabezado h1
const $primerEncabezado = document.querySelector("h1");
$primerEncabezado.textContent = "Cambiando el texto del encabezado";