Bu blogdaki popüler yayınlar
JavaScript ile Mesai Sayacı
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
JQuery Toggle Açılır Kapanır Menü
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
Yorumlar
Yorum Gönder