30 Ağustos Zafer Bayramımız Kutlu Olsun


Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

JavaScript ile Mesai Sayacı

Resim
Bu çalışmamda JavaScript ile bir geri sayım sayacı yaptım. Input elemanına bitiş zamanını yazıp butona tıkladığınızda belirlediğiniz saate kaç saat kaldığını görebilirisiniz. Bu uygulamada input elemanına yapılan girişleri sınırlandırdım. Program klavyeden girilen değerin sayısal olup olmadığını kontrol ediyor ve girilen değerleri saat formatına göre HH:MM:SS şeklinde düzenliyor. Javascript mesai sayacının kodları aşağıdaki gibidir. <p>Lütfen mesai bitiş saatini girin</p> <input type="tel" placeholder="HH:MM:SS" id="timeInputId" /> <input type="button" id="tmrBtn" value="Mesai Sayacını Başlat"/> <p id="demo"></p> <p id="demo2"></p> <script> var x; var finishTime= "00:00:00"; var brTitle= document.title; window.addEventListener("load",function(){ var timeBtn = document.getElementById("tmrBtn"); var timeInput = docume
Devamı

JQuery Toggle Açılır Kapanır Menü

Resim
Menünün Çalışır Hali Aslına bakarsanız önceden bu şekilde bir planlama yapmamıştım ama menü responsive olmuş :) See the Pen Jquery Toggle Menü by Turgut Arslan ( @draguth ) on CodePen . Menü Kodları Aşağıdaki Gibidir <!DOCTYPE html> <html> <style>   div.menuKutu {     float: left;     width: 200px;     display: block;     height: auto;     background-color: #269470;     cursor: pointer;     font-size: 14px;     font-family: Arial;     text-align: center;     color: white;     padding: 5px;     font-weight: bold;     line-height: 18px   }   div.menuKutu p {     height: 50px;     line-height: 50px;     display: none;     background-color: #45b0a3;     padding: 0px;     margin: 0px;   }   div.menuKutu p:hover {     background-color: #ebb753;     padding: 0px 1important;   } </style> <head>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js&qu
Devamı