Je réalise un quiz de personnalité Mass Effect adapté du quiz EasyDamus D&D des années 90, mais j'ai du mal à utiliser la page de résultats. Autrement dit, j'essaie d'inclure une image correspondant à chaque résultat, mais je ne sais pas quoi faire lorsque le code utilise une instruction switch pour implémenter les résultats. Voici l'extrait de code :
var win = window.open("", "win","width=900,height=550,top=25,left=50,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=yes");
with (win.document) {
open("text/html", "replace");
write("<html><head><link rel='stylesheet' type='text/css' href='index.css'><title>Your Results Are In!\<\/title>\<\/head>");
write("<body text='#FFFFFF' font-family='massEffect' link='#5555FF' vlink='#6666EE' bgcolor='#F2ECDA' background='images/space.png'>");
write("<center><h2><b><font color='#FFFFFF'>You Are A:\<\/font>\<\/b>\<\/h2>\<\/center>");
write("<br><center><h1><b>");
switch (race) {
case "human": write("Human\<\/b> "); break;
case "asari": write("Asari\<\/b> "); break;
case "turian": write("Turian\<\/b> "); break;
case "salarian": write("Salarian\<\/b> "); break;
case "krogan": write("Krogan\<\/b> "); break;
case "quarian": write("Quarian\<\/b> "); break;
case "geth": write("Geth\<\/b> "); break;
case "volus": write("Volus\<\/b> "); break;
case "rachni": write("Rachni\<\/b> "); break;
case "batarian": write("Batarian\<\/b> "); }
switch (primclass) {
case "soldier": write(" Soldier"); break;
case "infiltrator": write(" Infiltrator"); break;
case "engineer": write(" Engineer"); break;
case "adept": write(" Adept"); break;
case "sentinel": write(" Sentinel"); break;
case "vanguard": write(" Vanguard"); }
switch (secclass) {
case "soldier": write("/Soldier"); break;
case "infiltrator": write("/infiltrator"); break;
case "engineer": write("/Engineer"); break;
case "adept": write("/Adept"); break;
case "sentinel": write("/Sentinel"); break;
case "none": write(""); break;
case "vanguard": write("/Vanguard"); }
write("<br><h2><br>Race:<br></h2>");
switch (race) {
case "human": `
La dernière ligne est le texte d'ambiance pour chaque résultat, et même s'il n'y a aucun problème avec la façon dont il s'affiche, j'essaie de trouver un moyen de mettre une image devant. J'ai des images disponibles, la plupart d'entre elles sont des tableaux appelés à partir d'un dossier local. Quelle est la meilleure façon de faire apparaître l’image ?
Je cherche des solutions depuis des semaines et la plupart d'entre elles recommandent des auditeurs d'événements, mais je n'ai pas réussi à les faire fonctionner pour moi.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Ce code fait beaucoup de choses. Premièrement, pour l’instruction switch, elle doit définir certaines variables pour la situation spécifique. De plus, c'est toujours une bonne pratique de fournir un cas
defaultpour chaque instruction switch.function decideOnRace(race) { let result = ''; switch (race) { case "human": result = "Human\ "; break; default: result = 'something else"; break; } } // place this accordingly const raceTextToWrite = decideOnRace(race); write(raceTextToWrite);Suivre cette pratique dans toutes les différentes situations devrait vous aider à progresser, par exemple pour les secclass, primclass, etc.