JavaScript JS - Zugriff auf CSS-Elemente

[yoyo2435x]

Moin!

Ich versuche gerade mittels JS etwas zu basteln, komme aber nicht auf
das gewünschte Ergebnis - vielleicht kann mir einer weiterhelfen?

Anbei mein HTML-Code:

<input id="upload" name="upload" onChange="js_upl()" type="file" class="sr-only">

<p style="display: none;" class="pt-2 font-bold text-green-800" id="check_file">
    Eine Datei wurde angehangen
</p>

Anbei mein JS-Code:

function js_upl() {
    var file_input = document.getElementById('upload');
    if (file_input.files[0].name != "") {
        document.getElementById("check_file").style.display = "show";
        console.log('CHECK - File');
    }
}

Hiermit möchte ich erreichen, dass nach dem Auswählen eines Files über den Explorer
das p-Tag ausgegeben wird. Bei dem Code oben wird jedoch nur der Consolen.Log
ausgegeben - das p-Tag aber nicht. Könnt ihr einen Fehler erkennen?

VG.

 

[distrophik]

Probier "block" statt "show" aus.

 

[yoyo2435x]

Das war einfacher als gedacht - funktioniert. Danke dir