Hallo zusammen,

wie kann ich ich JavaScript alles bis auf eine Klasse ansprechen?

z.B. bei document.addEventListener eine Klasse außen vor lassen.

Vorab danke!

Hallo zusammen,

ich habe folgenden Code:

const radiomore = document.getElementById('qty-more');

  const lower = document.getElementById('lower-section');

  const more = document.getElementById('more-section');

    if(radiomore.checked) {

      lower.style.display = "none";

      more.style.display = "initial";

    } else {

      lower.style.display = "initial";

      more.style.display = "none";

    }

Die Funktion wird allerdings erst ausgeführt, wenn ich die Seite manuell reloade.

Kennt jemand dafür eine Lösung?

Vorab Danke.

Hallo zusammen,

ich habe folgenden +/- Increment und Decrement Button. Kann ich dort einen Maximalwert setzen?

Außerdem möchte ich gerne wenn man + bzw. - gedrückt hält den Value schneller wechseln kann. Wie ist das möglich?

Vorab danke für die Antworten!

HTML:

 <div class="wrapper">
   <span class="minus">-</span>
   <span class="num">01</span>
   <span class="plus">+</span>
</div>

CSS:

.wrapper{
 height: 120px;
 min-width: 380px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #FFF;
 border-radius: 12px;
 box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.wrapper span{
 width: 100%;
 text-align: center;
 font-size: 55px;
 font-weight: 600;
 cursor: pointer;
 user-select: none;
}
.wrapper span.num{
 font-size: 50px;
 border-right: 2px solid rgba(0,0,0,0.2);
 border-left: 2px solid rgba(0,0,0,0.2);
 pointer-events: none;
}

JavaScript:

const plus = document.querySelector(".plus"),
   minus = document.querySelector(".minus"),
   num = document.querySelector(".num");
   let a = 1;
   plus.addEventListener("click", ()=>{
     a++;
     a = (a < 10) ? "0" + a : a;
     num.innerText = a;
   });
   minus.addEventListener("click", ()=>{
     if(a > 1){
       a--;
       a = (a < 10) ? "0" + a : a;
       num.innerText = a;
     }
   });

Hallo zusammen,

ich habe folgenden +/- Increment and Decrement Select Button.

Bei +/- ändert sich der Wert immer 1. Dies möchte ich allerdings in 5er Schritten. Hat da jemand eine Lösung?

HTML:

 <div class="wrapper">

   <span class="minus">-</span>

   <span class="num">01</span>

   <span class="plus">+</span>

</div>

CSS:

.wrapper{

 height: 120px;

 min-width: 380px;

 display: flex;

 align-items: center;

 justify-content: center;

 background: #FFF;

 border-radius: 12px;

 box-shadow: 0 5px 10px rgba(0,0,0,0.2);

}

.wrapper span{

 width: 100%;

 text-align: center;

 font-size: 55px;

 font-weight: 600;

 cursor: pointer;

 user-select: none;

}

.wrapper span.num{

 font-size: 50px;

 border-right: 2px solid rgba(0,0,0,0.2);

 border-left: 2px solid rgba(0,0,0,0.2);

 pointer-events: none;

}

JavaScript:

const plus = document.querySelector(".plus"),

   minus = document.querySelector(".minus"),

   num = document.querySelector(".num");

   let a = 1;

   plus.addEventListener("click", ()=>{

     a++;

     a = (a < 10) ? "0" + a : a;

     num.innerText = a;

   });

   minus.addEventListener("click", ()=>{

     if(a > 1){

       a--;

       a = (a < 10) ? "0" + a : a;

       num.innerText = a;

     }

   });

Hallo zusammen,

ich möchte auf meiner Website PDF Dateien zum Download anbieten. Der Nutzer soll also auf ein Img oder einen Button klicken und die entsprechende Datei downloaden.

Wie kann ich das in HTML, CSS, JS und oder PHP umsetzen?

Vielen Dank!

Gibt es in JS einen Command, mit dem ich überprüfen kann, ob die Seite gereloaded wurde bzw. nach dem Reload eine bestimmte Aktion ausführen kann. (In meinem Fall Margin ändern)