Show-Hidden Bild


Günther138

Grünschnabel
Hallo Forum,

wenn auf den Button gedrückt wird geht die Variable Show um 1 nach oben, und das versteckte Bild soll angezeigt werden.
Doch es geht scheinbar nicht so wie ich es mir vorgestellt habe.:confused:
HTML+CSS:

HTML:
<img  id="Tüte" src="Tüte.jpg" alt="Tüte" width="500" height="500"
style="transform: rotate(90deg); border: 0px; margin-left: 400px;
margin-right: 0px; margin-top: 0px; margin-bottom: 0px; float: left; visibility: hidden;" />

<button onclick="Show()">Show</button>

Javscript:

Javascript:
let Show = 0;

function Show(){
      Show += 1;
    }

if(Show == 1){
      document.getElementById("Tüte").style.visibility = "visible";
}
else{
        document.getElementById("Tüte").style.visibility = "hidden"; 
}
 
Zuletzt bearbeitet von einem Moderator:

ComFreek

Mod | @comfreek
Moderator
Zwei mögliche Probleme:

- Deine if-Bedingungen sind außerhalb der Show-Funktion.
- Deine Variable heißt genauso wie die Funktion.

Bitte nutze die richtigen Codetags (die normalen, nicht die inline mit ICODE) beim nächsten Mal, siehe meine Signatur. Ich habe dir das mal gefixt ;)
 

EuroCent

Klappstuhl 2.0
Hallo Forum,

wenn auf den Button gedrückt wird geht die Variable Show um 1 nach oben, und das versteckte Bild soll angezeigt werden.
Doch es geht scheinbar nicht so wie ich es mir vorgestellt habe.:confused:
HTML+CSS:

HTML:
<img  id="Tüte" src="Tüte.jpg" alt="Tüte" width="500" height="500"
style="transform: rotate(90deg); border: 0px; margin-left: 400px;
margin-right: 0px; margin-top: 0px; margin-bottom: 0px; float: left; visibility: hidden;" />

<button onclick="Show()">Show</button>

Javscript:

Javascript:
let Show = 0;

function Show(){
      Show += 1;
    }

if(Show == 1){
      document.getElementById("Tüte").style.visibility = "visible";
}
else{
        document.getElementById("Tüte").style.visibility = "hidden";
}

Damit funktioniert es :)

Javascript:
let _Show = 0;

function Show() {
    _Show += 1;
    
    if(_Show >= 1) {
        document.getElementById("Tüte").style.visibility = "visible";
    } else {
        document.getElementById("Tüte").style.visibility = "hidden";
    }
}

 

EuroCent

Klappstuhl 2.0
Sollte man auf die Tüte nicht lieber verzichten und Tuete nutzen ??

Nicht nur das, man sollte generell auf Umlaute verzichten wenn es an Attributen hängt, oder man Konstanten, Let oder funktionen nutzt. :)

Ich habe es bei Codepen natürlich genau so gemahct, dass Ich statt "Tüte" -> "Tuete" genutzt habe. :)
 

ComFreek

Mod | @comfreek
Moderator
Nicht nur das, man sollte generell auf Umlaute verzichten wenn es an Attributen hängt, oder man Konstanten, Let oder funktionen nutzt. :)
Warum? Spezielle Sonderzeichen sind natürlich nicht die feine Art für andere Teammitglieder mit anderen Sprachen und Tastaturen*, aber die technische Unterstützung sollte doch mittlerweile überall vorhanden sein.
Ich weiß nicht, ob der HTML Living Standard Umlaute in Attributen erlaubt, aber in JS darf man auch Emojis in Variablennamen benutzen.

*) interessanterweise sind mathematische Symbole (Integrationssymbol, Summationszeichen, ...) gang und gebe bei Formalisierungen von Mathematik im Computer. Ohne diese Symbole könnte man vieles nämlich nur sehr schwer lesen.
 

EuroCent

Klappstuhl 2.0
Warum? Spezielle Sonderzeichen sind natürlich nicht die feine Art für andere Teammitglieder mit anderen Sprachen und Tastaturen*, aber die technische Unterstützung sollte doch mittlerweile überall vorhanden sein.
Ich weiß nicht, ob der HTML Living Standard Umlaute in Attributen erlaubt, aber in JS darf man auch Emojis in Variablennamen benutzen.

*) interessanterweise sind mathematische Symbole (Integrationssymbol, Summationszeichen, ...) gang und gebe bei Formalisierungen von Mathematik im Computer. Ohne diese Symbole könnte man vieles nämlich nur sehr schwer lesen.

Ja das stimmt, aber meinst nur wenn `` diese Zeichen kommen.
Also ohne die hab Ich es bisher nicht gesehen dass das dann JS umsetzen könnte. :)

Umlaute kann zwar HTML schon, aber nicht alle Browser unterstützen es.
Es gibt selbst sogar noch vereinzelt Probleme wenn Webseiten Umlaute in ihrem Namen haben.

Naja aber Operatoren sind ja keine Umlaute :)
Ich habe noch keine abfrage erlebt die sagt: ü mal 8 = 16 oder so :D

Also mir ist es aktuell nicht bekannt dass das gäng genutzt wird.
 

ComFreek

Mod | @comfreek
Moderator
Ja das stimmt, aber meinst nur wenn `` diese Zeichen kommen.
Also ohne die hab Ich es bisher nicht gesehen dass das dann JS umsetzen könnte. :)
Siehe danthareja/emojify. Das geht tatsächlich ohne ``. (Die Backticks kenne ich persönlich nur von SQL.)

Ich habe noch keine abfrage erlebt die sagt: ü mal 8 = 16 oder so :D

Also mir ist es aktuell nicht bekannt dass das gäng genutzt wird.
Chinesische Zeichen oder italienische Sonderzeichen habe ich schon öfters auf StackOverflow in Quelltexten gesehen. Gefühlt scheint mir das eine (nicht negativ gemeinte) Eigenart der Programmierer(sub)kultur in diesen Sprachregionen zu sein :)
 

Forum-Statistiken

Themen
272.355
Beiträge
1.558.614
Mitglieder
187.830
Neuestes Mitglied
hansmeiser