suchen

Heim  >  Fragen und Antworten  >  Hauptteil

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.

P粉557957970P粉557957970327 Tage vor464

Antworte allen(1)Ich werde antworten

  • P粉413704245

    P粉4137042452024-01-30 11:27:51

    这段代码做了很多事情。首先，对于 switch 语句，它应该为特定情况设置一些变量。另外，为每个 switch 语句提供 default 案例始终是一个好习惯。

    function decideOnRace(race) {
    let result = '';
    switch (race) {
        case "human":
            result = "Human\<\/b> ";
            break;
        default:
            result = 'something else";
            break;
    }
}

// place this accordingly
const raceTextToWrite = decideOnRace(race);
write(raceTextToWrite);

    在所有不同的情况下遵循这种做法应该会帮助你进步，例如，对于 secclass、primclass 等。

    Antwort
    0
  • StornierenAntwort