简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Switch-Anweisung: Eine Anleitung zum Anzeigen von Bildern
P粉557957970
P粉557957970 2024-01-29 13:17:59
0
1
383

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粉557957970
P粉557957970

Antworte allen(1)
P粉413704245
P粉4137042452024-01-30 11:27:51 1 Etage

这段代码做了很多事情。首先，对于 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 等。

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！