Switch-Anweisung: Eine Anleitung zum Anzeigen von Bildern
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.
