0
votes

Utilisation de l'événement OnClick avec une fonction avec plus d'un argument dans les catégories de modèles

Quelle est la bonne façon d'écrire une fonction avec plus d'un argument lors de l'utilisation des habitudes de modèle JavaScript Publier ES6 appelée par un événement OnClick?

Mon code: P>

<button onclick="feedDb(${imageUrl,gameName,gameSummary,gameYear})">


0 commentaires

3 Réponses :


0
votes

Vous générez programmablement JavaScript intégré à l'intérieur HTML.

Pensez à ce que le résultat va ressembler. Mieux encore, Regardez fort>. Ne venez pas d'attribuer à résultatImg.innerhtml code>. Stockez-le dans une variable et console.log code> IT. P>

La sortie va ressembler à ceci: p>

function displayImg(imageUrl, gameName, gameSummary, gameYear, cardId) {
        cardId = cardId.toString();

        const b1 = document.createElement("button");
        b1.classList.add("btn", "btn-sm",  "btn-outline-secondary");
        b1.type = "button";
        b1.id = "front";
        b1.textContent = "Save";
        b1.addEventListener("click", () => feedDb(imageUrl,gameName,gameSummary,gameYear));
        resultImg.appendChild(b1);

        const b2 = document.createElement("button");
        b2.classList.add("btn", "btn-sm",  "btn-outline-secondary");
        b2.type = "button";
        b2.id = "not-front"; 
        b2.textContent = "+ d'info";
        b2.addEventListener("click", () => flipCard(cardId));
        resultImg.appendChild(b2);
}



0
votes

Tout d'abord merci!

à cause de vous @quentin, j'ai amélioré non pas mon code et ma connaissance, mais je prendrai plus de compte de l'utilisation de la console.log lorsque je génère JavaScript intégré à l'intérieur de HTML.

Ma première tentative consistait à enregistrer mon code de travail et j'ai vu que le comportement étrange (et que le générdb renvoie un code indéfini (même si le code a été exécuté automatiquement) !! p>

résultat de la console.log (résultat.img.innerhtml): p> xxx pré>

Deuxièmement, je donne un essai et j'ai entouré mes variables par des citations comme ci-dessous: P>

        <button onclick="feedDb('${imageUrl}','${gameName}','${gameYear}')" id='add' type='button' class='btn btn-sm btn-outline-secondary'>Save</button></a>


0 commentaires

0
votes

C'est déjà fait.

Mais je vous ai révélé ici quelle est la syntaxe correcte: xxx

Nous devons entourer les variables comme dans mon exemple, c'est le droit Syntaxe!

J'espère que cela aide!


0 commentaires