Javascriptte "document" Ne işe yarar ?

JavaScript'te document nesnesi, HTML veya XML belgesinin kökünü temsil eder ve belgedeki öğelere erişmek, bu öğeler üzerinde değişiklik yapmak ve yeni öğeler oluşturmak için kullanılan ana nesnedir. document nesnesi, tarayıcıda yüklenen her web sayfası için otomatik olarak oluşturulur ve bir dizi özellik ve metod sunar. İşte document nesnesinin bazı temel kullanım alanları:

Belgeye Erişim: HTML belgesinin yapısına erişmek ve bu yapıyı değiştirmek için kullanılır.

let element = document.getElementById('myElement');

Yeni Öğeler Oluşturma: Yeni HTML öğeleri oluşturmak için kullanılır.

let newElement = document.createElement('div');

Öğe İçeriğini Değiştirme: Bir öğenin içeriğini değiştirmek için kullanılır.

let element = document.getElementById('myElement');
element.innerHTML = 'Yeni İçerik';

Olay Dinleyicileri Ekleme: HTML öğelerine olay dinleyicileri eklemek için kullanılır.

let button = document.getElementById('myButton');
button.addEventListener('click', function() {
    alert('Butona tıklandı!');
});

Form ve Girdi İşleme: Form verilerini işlemek ve kullanıcı girdilerini almak için kullanılır.

let input = document.getElementById('myInput');
let value = input.value;

document nesnesi, JavaScript'in DOM (Document Object Model) manipülasyon yeteneklerinin temelini oluşturur ve web sayfalarının dinamik olarak güncellenmesine, yapılandırılmasına ve kullanıcı etkileşimlerine yanıt verilmesine olanak tanır.

JavaScript Hata Türleri

Syntax Errors

Sözdizimi hataları, kodun yazım kurallarına uygun olmaması durumunda ortaya çıkar. Tarayıcı veya JavaScript çalışma ortamı bu hataları kod çalışmadan önce tespit eder.

var x = 10
if (x == 10) { // Eksik parantez
    console.log("Hello");
// }

Yukarıdaki örnekte "if" yapısının kapanma parantezi yorum satırına alındığı için bir yazım hatası (Syntax Error) oluşmuştur.

TypeError

Bir değişkenin veya değerin beklenen türde olmaması durumunda meydana gelir. Örnek:

let obj = null;
console.log(obj.property); //null üzerinde toUpperCase() çağrılamaz

JavaScript ile Exel dosyası nasıl okunur?

JavaScript ile Exel dosyası okumanın birden çok yöntemi olabilir. Fakat bilinmelidir ki JavaScript bu yazının yazıldığı tarihte maalesef ki doğrudan Exel dosyasını okuyamamaktadır. Exel dosyasını okumak için farklı bazı kütüphalere ihtiyaç duymaktayız. Bunlar `xlsx` ve `exceljs` gibi oldukça popüler olan bazı Exel okuma kütüphanleridir.

Biz bugünkü yazımızda `xlsx` kütüphanesini kullanarak nasıl tarayıcı ortamında Exel dosyasını okuyabiliriz bunu nasıl JSON veya JS nesnesi formatına dönüştürebiliriz sorusuna cevap arayacağız.

İlk olarak projemizin içerisine CDN linki üzerinden XLSX paketini alıyoruz.

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.3/...