Ich mache ein Mass Effect-Persönlichkeitsquiz, das an das EasyDamus D&D-Quiz aus den 90ern angelehnt ist, aber ich habe Probleme bei der Verwendung der Ergebnisseite. Das heißt, ich versuche, ein Bild einzubinden, das zu jedem Ergebnis passt, weiß aber nicht, was ich tun soll, wenn der Code eine switch-Anweisung verwendet, um die Ergebnisse zu implementieren. Hier ist der Codeausschnitt:
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": `
Die letzte Zeile ist der Geschmackstext für jedes Ergebnis, und obwohl es kein Problem mit der Darstellung gibt, versuche ich, eine Möglichkeit zu finden, ein Bild davor zu platzieren. Ich habe Bilder zur Verfügung, die meisten davon sind Arrays, die aus einem lokalen Ordner aufgerufen werden. Wie lässt sich das Bild am besten darstellen?
Ich habe wochenlang nach Lösungen gesucht und die meisten von ihnen empfehlen Event-Listener, aber ich habe es nicht geschafft, sie für mich zum Laufen zu bringen.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
这段代码做了很多事情。首先，对于 switch 语句，它应该为特定情况设置一些变量。另外，为每个 switch 语句提供
default案例始终是一个好习惯。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);在所有不同的情况下遵循这种做法应该会帮助你进步，例如，对于 secclass、primclass 等。