Fondamentalement, j'essaie de trouver le moyen le plus efficace d'ajouter simplement une image à chaque question. Le texte fonctionne bien si je l'utilise juste. Mais les images ne s'affichent pas et je suis nouveau sur Javascript. Toute aide serait appréciée.Comment afficher un fichier image dans un tableau avec du texte en javascript?
J'ai déclaré un tableau comme suit: il devrait avoir une image pour la question, un tableau de réponses pour les choix et une réponse.
var questions=[
new Question("http://path/hombre.jpg",["man","day","weather","time"],"man"),
new Question("http://path/day.jpg", ["year","thing","part/portion","day"],"year"),];
Voici la fonction qui remplit les questions dans l'application. Il y a plus de code dans js et html bien sûr, mais je voudrais savoir s'il y a une commande ou un raccourci que je peux utiliser pour afficher l'image avec l'autre texte dans le cadre d'une question. Voici le code de la fonction qui fonctionne très bien si elle est un texte seulement:
function populate(){
if(quiz.isEnded()){
showScores();
}
else{
//show question and try to put the picture here
var element = document.getElementById("question");
element.innerHTML = quiz.getQuestionIndex().text;
//Show Choices
var choices = quiz.getQuestionIndex().choices;
for (var i=0; i< choices.length; i++){
var element = document.getElementById("choice" + i);
element.innerHTML = choices[i];
guess("btn"+ i, choices[i]);
}
showProgress();
}
};
};
Le problème était dans element.innerHTML = quiz.getQuestionIndex(). Text; Il peut afficher le texte de la question mais il n'affiche pas l'image. –