Realicé este código para que por medio del evento onclick
mande un string al js para enviar un alert, luego en esta misma función envíe a otra para realizar un contenedor div
con la función createElement
y la muestre en una página web diferente, lo malo es que no me muestra dicho contenido y no encuentro solución. Adjunto el código:
HTML
<th><a class="reserva_dia" href="#" id="btn" onclick="Reserva('101 de 7:00-8:00');" >RS</a></th>
JS
function Reserva(string){
alert("Se realizó su reserva ");
crearReserva(string);
}
document.body.onload = crearReserva ()
function crearReserva(string){
//variables a crear
//div principal
const reserva__div = document.createElement ("div");
//texto
const textoReservas = document.createTextNode('Reserva en el aula',string);
//style css
reserva__div.classList.add ("contenedorDiv");
//seleccionar a la clase padre
const cont_reservas = document.querySelector('.cont_reservas');
//agregar contenido
cont_reservas.appendChild(reserva__div);
cont_reservas.appendChild(textoReservas);
}
Captura del resultado