Connect with us

JavaScript

JavaScript İle Kalan Karakter Sayısını Bulma

Yayınlanan

İcerisinde

JavaScript

Bu projemizde, JavaScript kullanarak girilen karakter sayısını bulduk. Projemizde bulunan textarea içerisine girilen karakterlerin uzunluğunu hesaplayıp, belirlediğimiz karakter sayısından çıkararak ekran bastırdık.

Proje Kodları

<!DOCTYPE html>
<html>
<head>
    <title>Diveebi.com</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
    <span>Mesaj :</span><br/>
    <textarea rows="10" id="textareaId"></textarea><br/>
    <div id="divId"></div>
    <script>
        var textareaId = document.querySelector('#textareaId');  
        var divId = document.querySelector('#divId');  
        textareaId.oninput=function(){
            var maxuzunluk = 200;
            this.value = this.value.substr(0,maxuzunluk);
            var uzunluk = maxuzunluk-this.value.length;
            divId.innerHTML = 'Kalan Karakter : ' + uzunluk;
            if(uzunluk == 0){
                alert(maxuzunluk + " Karekter Sınırını Aştınız");
            }
        }
    </script>
</body>
</html>

Başka Projeler

JavaScript Rastgele Şifre Üretme (Şifre Üretici)

JavaScript İle Sayfa Offline Olduğunda Kullanıcıyı uyarma

Yorum yapmak için tıklayın

Cevap bırakın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

JavaScript

JavaScript Rastgele Background Rengi Değiştirme

Yayınlanan

İcerisinde

Tarafından

JavaScript

Bu rehberde, JavaScript kullanarak HTML sayfasının rastgele arka plan rengini değiştirdik.

Proje Kodları

<body onload="renkInterval()">
    <script>
    setInterval(() =>{
        bodyColor()
    }, 100);
     
    function bodyColor() {
        var renk1 = Math.floor(255*Math.random());
        var renk2 = Math.floor(255*Math.random());
        var renk3 = Math.floor(255*Math.random());
        document.body.style.backgroundColor="rgb("+renk1+","+renk2+","+renk3+")";
        console.log("Random Color: " + renk1);
    }
    </script>
</body>

Okumaya devam et
PHP PHP
PHP Dersleri13 saat ago

PHP İle Web Sitelerde Çoklu Dil Yapısı

Bu rehberde, PHP ile web siteleri için önemli olan çoklu dil yapısı oluşturacağız. Web sitemizin çoklu dil desteğinin olması günümüzde...

JavaScript JavaScript
JavaScript3 gün ago

JavaScript Rastgele Background Rengi Değiştirme

Bu rehberde, JavaScript kullanarak HTML sayfasının rastgele arka plan rengini değiştirdik. Proje Kodları <body onload="renkInterval()"> <script> setInterval(() =>{ bodyColor() },...

JavaScript JavaScript
JavaScript2 ay ago

JavaScript Vücut Kitle İndeksi Hesaplayıcı

Bu projemizde JavaScript ile vücut kile indeksini hesaplayan program oluşturacağız. Projemizde kullanıcının girdiği boy ve ağırlık değerini vki=kilo/(boy*boy) şeklinde hesaplayıp...

Kali Linux Kali Linux
linux3 ay ago

Kali Linux Kişiye Özel Wordlist Oluşturma

Bu Rehberde, Kali linux etkili bir yöntemle kişiye özel wordlist oluşturduk. Projemize geçmeden önce bu video eğitim amaçlıdır farklı kullanımlarda...

Python Python
python3 ay ago

Python Mail Adresini Kontrol Etme

Bu projemizde, Python kullanarak girilen mail adresini kontrolünü yapacağız. Örneğimizde girilen metin içerisinde @ işareti bulunuyorsa, ” Mail Adresi Doğru...

JavaScript JavaScript
JavaScript3 ay ago

JavaScript İle Kalan Karakter Sayısını Bulma

Bu projemizde, JavaScript kullanarak girilen karakter sayısını bulduk. Projemizde bulunan textarea içerisine girilen karakterlerin uzunluğunu hesaplayıp, belirlediğimiz karakter sayısından çıkararak...

Python Python
python3 ay ago

Python Girilen Yazılı Notunun Ortalaması Hesaplama

Bu projemizde, python ile girilen 3 yazılı notunun ortalamasını hesaplayan işlem yaptık. Projede birden fazla input kullanarak yazılı notlarını toplamını...

jQuery jQuery
PHP Dersleri3 ay ago

jQuery Ajax İle Sayfa Yenilenmeden Veri Ekleme

Bu rehberde sayfa yenilenmeden jQuery Ajax kullanarak MySql veritabanına veri kaydı yaptık. Kısaca ilk olarak oluşturduğumuz index.php dosyasında Ajax ile...

PHP PHP
PHP Dersleri6 ay ago

PHP Veritabanı (PhpMyAdmin) Üye Kayıt İşlemi

Bu rehberde, PHP PDO kullanarak veritabanına üye kayıt işlemi yaptık. ilk olarak index.php dosyası oluşturduk ve form ile üye bilgilerini aldık. index.php...

PHP PHP
PHP Dersleri6 ay ago

PHP Güvenlik Kodu (Captcha) Uygulaması Yapımı

Bu rehberde, PHP  kullanarak güvenlik kodu (captcha) uygulaması yaptık. uygulamayı yapmadan önce PHP ile captcha çalışabilmesi için GD kütüphanesinin aktif olması gerekmektedir....

PHP PHP
PHP Dersleri8 ay ago

PHP PDO İle Üye Girişi Ve Çıkış İşlemleri

Bu rehberde, PHP PDO kullanarak üye girişi ve çıkış işlemleri yaptık. config.php <?php try{ $host = "localhost"; $dbname = "msyt";...

Trending