JavaScript
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 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
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()
}, 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>
- ChatGPT2 ay Önce
ChatGPT API Kendi Yapay Zeka Sohbet Robotunuzu Yapın
- Blog2 ay Önce
Laravel Nedir? Laravel Özellikleri Nelerdir?
- Blog2 ay Önce
SSD Ne İşe Yarar? SSD Kullanmanın Yararları Nedir?
- Blog2 ay Önce
Python Kurulumu Nasıl Yapılır?
- Blog2 ay Önce
Node.js Nedir Ve Avantajları Nelerdir?
- Blog2 ay Önce
sitemap.xml (Site Haritası) Nedir?
- PHP Dersleri3 ay Önce
PHP Dinamik Sitemap.xml Oluşturma
- Python Dersleri6 ay Önce
Python Dijital Saat Yapımı