Fichier CSS lu mais non apliqué

Sujet résolu

11 septembre 2019 à 18:53:32

Bonjour, mon fichier CSS et mon fichier ico sont bien lus par le fichier html, mais il n'est pas appliqué et n'apparaissent pas dans les sources ! Merci !

Code HTML :

<!DOCTYPE HTML>

<html>
    <head>
        <meta charset="UTF-8">
        <title>Devoir : Blog de Mathias</title>
        <link rel="stylesheet" media="screen" type="text/css" title="devoir" href="CSS/devoir.css" />
        <script src="JS/devoir.js"></script>
        <link rel="icon" type="image/png" href="IMAGES/devoir.ico">
    </head>
    <body onload="setText()">
    </body>
</html>

Code JS :

const texts = [
    {
        lang: "Language : FR",
        text: "Texte 1"
    },
    {
        lang: "Language : ES",
        text: "Texte 2"
    }
]
var cLang = "Language : ES";

function setText() {
    texts.forEach(e => {
        if (e.lang === cLang) {
            text = e.text
            document.write(text)
            document.write(`<div class="changeLang">${cLang}</div>`)
        }
    })
}

Code CSS :

.changeLang {
    vertical-align: top;
    float: right;
    text-decoration-color: red;
}

html {
    background-color: aquamarine;
}

AlexMolin

12 septembre 2019 à 4:40:37

Tu as peut être une erreur au niveau du script js. Tu la intégré dans la la balise head essaye de l'inclure juste avant la fermeture de ta balise body.

DT_Dark Link

24 septembre 2019 à 17:06:05

AlexMolin a écrit:

Tu as peut être une erreur au niveau du script js. Tu la intégré dans la la balise head essaye de l'inclure juste avant la fermeture de ta balise body.

Bonjour, j'ai trouvé une alternative. Plutôt que de mettre la fonction dans la balise "body onload", je l'ai mise dans le script javascript en faisant "window.onload = setText(). Merci quand même de votre réponse !