Comment faire la charge de code suivante une fois que la page est chargée?
J'ai essayé de le faire une nouvelle fonction entière, mais cela n'a pas fonctionné, peut-il m'aider P>
document.getElementById("ano").addEventListener("change", function(a) {
const tbody = document.getElementById('tbody_calendario_jogos')
while (tbody.firstChild) {
console.log(tbody.firstChild)
tbody.removeChild(tbody.firstChild)
}
for (key in jogos) {
const anoSelect = new RegExp(`${a.target.value}`)
const data = anoSelect.exec(jogos[key].Data)
if (data != null) {
const obj = jogos[key]
const tr = document.createElement('tr')
const tdTemporada = document.createElement('td')
tdTemporada.textContent = obj.Temporada
const tdLocal = document.createElement('td')
tdLocal.textContent = obj.Local
const tdMais = document.createElement('td')
tdMais.textContent = obj.Mais
tr.appendChild(tdTemporada)
tr.appendChild(tdLocal)
tr.appendChild(tdMais)
tbody.appendChild(tr)
}
}
})
3 Réponses :
Vous pouvez utiliser une instruction Init simple pour exécuter le code après la charge de la page:
function init() {
//your code here
}
window.onload = init;
Typo dans fenêtre
Il suffit de déplacer votre fonction en dehors de l'écouteur d'événement et de le modifier à une fonction de nom afin de pouvoir référencer le nom de la fonction et charger la fonction de la charge de la page ainsi que lorsque l'écoute code> est invoquée par votre #oano code> Élément comme ceci: <button id="ano">Click Me</button>
Essayez de le mettre en fonction d'auto-révocation au lieu de la fonction de changement. Tout ce que vous définissez à l'intérieur de la fonction de changement ne sera jamais appelé lorsque la page se charge. Selon l'endroit où et lorsque vous souhaitez que le code soit appelé, placez-le dans l'emplacement approprié de la page telle que à l'intérieur de la balise (fonction () {// votre code}) ();
< Corps> étiquette ou à la fin de la fermeture tag.
Enveloppez-le à l'intérieur:
document.addeventlistener ('DomcontentOached , () = {ici} `Clarifier la question et le titre.