JavaScript Ekrana Yazdırma - Yusuf SEZER

Trang chủ » Html Yazdır Butonu » JavaScript Ekrana Yazdırma - Yusuf SEZER

Có thể bạn quan tâm

  1. Anasayfa
  2. JavaScript
  3. JavaScript Ekrana Yazdırma
Paylaş Facebook Linkedin X

JavaScript ile yapılan hesaplamaların sonucunu, değişkenlerin değerini veya herhangi bir veriyi görebilmek için ekrana yazdırmamız gerekir.

Ekrana yazdırma işlemi;

  • HTML nesnelerine yazdırma – innerHTML,
  • HTML sayfasına yazdırma – document.write(),
  • Uyarı pencersine yazdırma – alert(),
  • Tarayıcı konsoluna yazdırma – console.log()

innerHTML kullanma

JavaScript ile HTML nesnelerini seçmek için genellikle document.getElementById(ID) yöntemi kullanılır.

Seçim işleminden sonra innerHTML özelliği ile seçilen HTML nesnesinin içeriğini değiştirebiliriz.

<p id="p1"></p> <script>   document.getElementById("p1").innerHTML = "Merhaba JavaScript"; </script>

document.write() kullanımı

JavaScript komutlarını test etmek ve sonuçları ekrana hızlı bir şekilde yazdırmak için document.write() metodu kullanılır.

<p>Burası bir paragraf</p> <script>   document.write("Merhaba JavaScript"); </script>

document.write() metodu bir olay sonucu kullanılırsa saydaki tüm HTML elemanları silinecektir.

<p>Burası bir paragraf</p> <button onclick="document.write('Merhaba JavaScript')">Buraya tıkla</button>

alert() kullanımı

JavaScript verilerini uyarı mesajı olarak ekran yazdırmak için alert() metodunu kullanılır.

<p>Burası bir paragraf</p> <script>   alert("Merhaba JavaScript"); </script>

console.log() kullanımı

JavaScript Diziler, Nesneler üzerinde işlemler görüntülemek veya yazılan komutları daha performanslı hale getirmek ve ekrana yazdırmak için console.log() kullanabilirsiniz.

<p>Burası bir paragraf</p> <script>   console.log("Merhaba JavaScript"); </script>

NOT: Sonucu görebilmek için Tarayıcınızın Konsol Ekranı bölümünün aktif olması gerekir.

JavaScript Derslerine buradan ulaşabilirsiniz…

Hayırlı günler dilerim.

Facebook Linkedin X WhatsApp Telegram E-Posta ile paylaş Yazdır

Bunlarda ilgini çekebilir

JavaScript ES7 async await JavaScript AJAX Nedir? Kullanımı Webpack Nedir? Kurulumu ve Kullanımı Node.js MySQL İşlemleri JSONP Nedir?
Yusuf Sezer
yusufsezer.com
HTML5 Dersleri CSS3 Dersleri Responsive Web Tasarım JavaScript Dersleri Git Dersleri MongoDB Dersleri Node.js Dersleri SQL Dersleri MySQL Dersleri PostgreSQL Dersleri Oracle Dersleri PHP Dersleri Web Servis Dersleri Linux Dersleri Programlama Örnekleri C++ Dersleri .NET Dersleri Java Dersleri Yazılım Mühendisliği Dersleri Mikroservis Dersleri Yapay Zeka Dersleri Açık Kaynak Blockchain Dersleri PostgreSQL BakımPostgreSQL Partition Nedir? KullanımıPostgreSQL Veri TipleriPostgreSQL CTEPostgreSQL Tarih Saat İşlemleri ve Fonksiyonları

Từ khóa » Html Yazdır Butonu