Pernyataan Suis: Panduan Memaparkan Imej
P粉557957970
P粉557957970 2024-01-29 13:17:59
0
1
463

Saya sedang membuat kuiz personaliti Mass Effect yang diadaptasi daripada kuiz D&D EasyDamus dari tahun 90-an, tetapi saya menghadapi masalah menggunakan halaman keputusan. Iaitu, saya cuba memasukkan imej untuk memadankan setiap hasil, tetapi saya tidak tahu apa yang perlu dilakukan apabila kod menggunakan pernyataan suis untuk melaksanakan keputusan. Berikut ialah coretan kod:

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": `

Baris terakhir ialah teks perisa untuk setiap hasil, dan walaupun tiada masalah dengan cara ia dipaparkan, saya cuba mencari cara untuk meletakkan imej di hadapannya. Saya mempunyai imej yang tersedia, kebanyakannya adalah tatasusunan yang dipanggil dari folder tempatan. Apakah cara terbaik untuk memaparkan imej?

Saya telah mencari penyelesaian selama berminggu-minggu dan kebanyakan mereka mengesyorkan pendengar acara tetapi saya tidak dapat membuatnya berfungsi untuk saya.

P粉557957970
P粉557957970

membalas semua(1)
P粉413704245

Kod ini melakukan banyak perkara. Pertama, untuk pernyataan suis, ia harus menetapkan beberapa pembolehubah untuk situasi tertentu. Selain itu, ia sentiasa menjadi amalan yang baik untuk menyediakan sarung default untuk setiap pernyataan suis.

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);

Mengikuti amalan ini dalam semua situasi berbeza akan membantu anda maju, contohnya, untuk secclass, primclass, dsb.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan