JavaScript JS - Zugriff auf CSS-Elemente

yoyo2435x

Cadet 3rd Year
Registriert
Juli 2021
Beiträge
34
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:
HTML:
<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:
Javascript:
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.
 
Probier "block" statt "show" aus.
 
  • Gefällt mir
Reaktionen: C:\Defuse_Kit, sebbolein und netzgestaltung
Das war einfacher als gedacht - funktioniert. Danke dir :)
 
  • Gefällt mir
Reaktionen: netzgestaltung

Ähnliche Themen

M
Antworten
10
Aufrufe
1.470
McMoneysack91
M
Antworten
19
Aufrufe
1.202
Zurück
Oben