JavaScript

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

Yayınlanan

9 ay Ö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

Up Next

JavaScript Vücut Kitle İndeksi Hesaplayıcı

Don't Miss

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

Mustafa Salman YT

Merhabalar! Ben Osmaniye'nin Bahçe ilçesinde doğdum ve şu anda 17 yaşındayım. Kendimi bir web yazılım geliştiricisi ve SEO uzmanı olarak olarak tanımlıyorum ve Diveebi.com ve Youtube kanalımda web site eğitimleri, SEO, Photoshop dersleri, Python projeleri, HTML, CSS, JavaScript, PHP, Grafik dersleri ve benzeri içerikler paylaşıyorum. Kişisel Web Sitemi ziyaret et: https://mustafa.diveebi.com/

Yorum yapmak için tıklayın

JavaScript

JavaScript Rastgele Background Rengi Değiştirme

Yayınlanan

6 ay Ö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>

Okumaya devam et