Skip to main content

Problema al pasar unel parámetro string a js por oneclickusando el evento onclick y mediante un dom (createElement)el método createElement mostrarlo en una sección de página web

Problema al pasar un parámetro string a js por oneclick y mediante un dom (createElement) mostrarlo en una sección de paginapágina web

Realicé este código para que por medio de un onclickdel evento onclick mande un string al jsjs para enviar un alert, luego en esta misma función enviéenvíe a otra para realizar un contenedor divdiv con la funcion de createElementfunció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----HTML

<th><a class="reserva_dia" href="#" id="btn" onclick="Reserva('101 de 7:00-8:00');" >RS</a></th>
 

----JS----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);


}
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 Captura del resultado

enter image description here

Problema al pasar un parámetro string a js por oneclick y mediante un dom (createElement) mostrarlo en una sección de pagina web

Realicé este código para que por medio de un onclick mande un string al js para enviar un alert, luego en esta misma función envié a otra para realizar un contenedor div con la funcion de 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 enter image description here

Problema al pasar un parámetro string a js por oneclick y mediante un dom (createElement) mostrarlo en una sección de página web

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

enter image description here

Origen Enlace

Problema al pasar un parámetro string a js por oneclick y mediante un dom (createElement) mostrarlo en una sección de pagina web

Realicé este código para que por medio de un onclick mande un string al js para enviar un alert, luego en esta misma función envié a otra para realizar un contenedor div con la funcion de 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 enter image description here