JavaScript

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

Yayınlanan

3 yıl Önce

İcerisinde

Eylül 3, 2022

Tarafından

Mustafa Salman YT

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

İlgili

Up Next

JavaScript Vücut Kitle İndeksi Hesaplayıcı

Don't Miss

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

Mustafa Salman YT

19 yaşında bir Full Stack Web Geliştiriciyim. Eğitimlerim ve uzmanlık alanlarım arasında web uygulamalarının oluşturulması, SEO stratejileri, Photoshop, Python, HTML, CSS, JavaScript, PHP ve grafik tasarım gibi konular yer almaktadır. Diveebi.com adlı web sitem ve YouTube kanalımda, bu alanlarla ilgili içerikler üretmeye ve paylaşmaya büyük bir tutku ile devam ediyorum.

Yorum yapmak için tıklayın

JavaScript

JavaScript Rastgele Background Rengi Değiştirme

Yayınlanan

2 yıl Önce

İcerisinde

Kasım 30, 2022

Tarafından

Mustafa Salman YT

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>