Apertura funzione al click di un pulsante

[Auron6]

Ciao a tutti,sto imparando js e ho bisogno di una mano.
Ho creato una pagina html generale che richiama una serie di pagine js,
in una di essere ho creato dei div per l utilizzo di bottoni e vorrei che alla pressione di uno di essi mi si colleghi ad un altra pagina js e che mi svolga la funzione assegnata.
Non riesco a fare comunicare il pulsante con la funzione.
Posto il codice delle 2 pagine.
Grazie a tutti!

Pagina pulsanti

replay=document.createElement('div');    replay.style.position='absolute';
    replay.style.top = '10%';
    replay.style.width = '30px;';
    replay.style.left='10px;';
    replay.innerHTML = "<button ='clearReplay' > Clear&nbsp </button><button ='btnStop'>&nbspStop&nbsp</button><button class='alert'='btnON'> OnRec </button><button class='success'='btnOFF'> OffRec </button><button ='history'>History</button>";
    container.appendChild( replay );

Pagina Funzioni

function btnClick(){


$(document).click(function(event) {
  $("clearReplay").click(function(){
                
                window.alert("Testo del messaggio")
                insideText='';
                various.innerHTML = insideText;
                replayCounter=0;
                socket.emit('clearReplays');
                
  }
  
 
   $(" btnStop").click(function(){
   
                socket.emit("stopReplay");
                
  });
  
  
   $(" btnON").click(function(){
   //inizio a registrare
                registering = true;
                rotation_info.innerHTML = "registering..."
                socket.emit("startRec");
                
  });
  
  
  $(" btnOFF").click(function(){
  //stoppa la registrazione dei data, cosa fa innerHTML ? 
                rotation.innerHTML = ""
                socket.emit("stopRec");
                if(replayCounter<5 && registering == true){
                    replayCounter++;
                    registering = false;
                    insideText=insideText + "<button id='btnStart" + replayCounter + "'>"+replayCounter+"</button>";
                    various.innerHTML = insideText;                
                }else{console.log("replay limit");}
              });

[cavicchiandrea]

Ciao
A) il blocco replay ha degli errori nel innerHTML (mancano name o id)
B) se il blocco replay lo generi dopo il ready del documento devi usare on legato al body $('body').on('oggetto','click',function(){...})

[Auron6]

quindi per esempio intendi una cosa del genere?
$('cleareReplay').on('oggetto','click',function(){ ...})

cosa ci devo mettere come oggetto?

[cavicchiandrea]

$(document).ready(function(){
$('body').on('#cleareReplay','click',function(){ ...})
})



P.S. Jquery prima va studiato per capire il funzionamento (le basi js sono caldamente consigliate) poi usato non il contrario, la programmazione copia/incolla non ti darà grosse soddisfazioni

[Auron6]

sto iniziando a studiare infatti! comunque grazie!

[Auron6]

scusa ancora il disturbo, per provare ho inserito un alert ma se premo il tasto a cui assegno al tua funzione non mi appare nulla!

[Vindav]

mi spiace ma sono d'accordo con Andrea, ci sono una marea di errori nel codice che hai postato, sia js/jquery che html, alcuni veramente banali. E' inutile iniziare a scrivere codice se non hai assimilato almeno i concetti essenziali.