javascript / Web Tasarım ve Programlama

Artır Azalt

by admin_ufuk · Aralık 2, 2019

 
<style>
    input[type="button"]{
    width: 200px;
    height: 200px;
    border:solid;
    border-color: rgb(255, 208, 0);
    font-size:3em;
    background: rgb(34, 1, 155);
    color:rgb(255, 208, 0);
    }
body{
    background-color:rgb(1, 90, 255);
}
     
    </style>
<body>
    <input type=button onclick="arttir()" value="+">
    <input type=button id="sonuc" value="0">
    <input type=button onclick="azalt()" value="-">

 
<script>
function arttir(){
 
var sonuc=document.getElementById("sonuc");
sonuc.value=Number(sonuc.value)+1;
}
 
function azalt(){
 
var sonuc=document.getElementById("sonuc");
sonuc.value=Number(sonuc.value)-1;
}

Çalışan uygulamayı görmek için tıklayınız.
ybçetinkaya

You may also like...

Bir cevap yazın