Assignment 1

.container{
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-box{
  height: 40px;
  width: 100px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

button{
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 15px;
  padding: 5px 10px;
}

p{
  padding: 5px 10px;
}

Source: stackoverflow.com

Assignment 1

<div class="container">
  <div class="input-box">
    <button type="button" onclick="minus()" style="font-size: 20px;">-</button>
    <p id="counter">0</p>
    <button type="button" onclick="plus()">+</button>
  </div>
</div>
 Run code snippet

Source: stackoverflow.com

Assignment 1

var counter = 0;

function plus() {
  counter += 1;
  document.getElementById("counter").innerHTML = counter;
}

function minus() {
  if(counter > 0){
    counter -= 1;
  }
  document.getElementById("counter").innerHTML = counter;
}

Source: stackoverflow.com

Similar codes

21 votes217 views3 answers
Html tag run only after whole page is loaded
Html
19 votes183 views4 answers
Button disabled
Html
30 votes220 views5 answers
Open new tab when clicking link html
Html
0 vote198 views2 answers
Form table selection
Html
1 vote210 views2 answers
Html meta charset content ie edge
Html
0 vote242 views1 answer
12,3 x 4,8
Html
-1 vote219 views1 answer
Blue color html code
Html
0 vote294 views1 answer
Botão enviar html
Html
0 vote240 views1 answer
Command for getting the .odoorc file
Html
0 vote239 views1 answer
Java.rmi.connectexception: connection refused to host: 127.0.0.1
Html