recherche

Maison  >  Questions et réponses  >  le corps du texte

Instruction Switch : un guide pour l'affichage des images

Je réalise un quiz de personnalité Mass Effect adapté du quiz EasyDamus D&D des années 90, mais j'ai du mal à utiliser la page de résultats. Autrement dit, j'essaie d'inclure une image correspondant à chaque résultat, mais je ne sais pas quoi faire lorsque le code utilise une instruction switch pour implémenter les résultats. Voici l'extrait de code : 

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

La dernière ligne est le texte d'ambiance pour chaque résultat, et même s'il n'y a aucun problème avec la façon dont il s'affiche, j'essaie de trouver un moyen de mettre une image devant. J'ai des images disponibles, la plupart d'entre elles sont des tableaux appelés à partir d'un dossier local. Quelle est la meilleure façon de faire apparaître l’image ?

Je cherche des solutions depuis des semaines et la plupart d'entre elles recommandent des auditeurs d'événements, mais je n'ai pas réussi à les faire fonctionner pour moi.

P粉557957970P粉557957970327 Il y a quelques jours466

répondre à tous(1)je répondrai

  • P粉413704245

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

    Ce code fait beaucoup de choses. Premièrement, pour l’instruction switch, elle doit définir certaines variables pour la situation spécifique. De plus, c'est toujours une bonne pratique de fournir un cas default pour chaque instruction switch. 

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

    Suivre cette pratique dans toutes les différentes situations devrait vous aider à progresser, par exemple pour les secclass, primclass, etc.

    répondre
    0
  • Annulerrépondre