Cara membaca file teks dengan kode Javascript dalam HTML

Javascript memungkinkan Anda untuk mengimpor file teks ke halaman HTML Anda.

Langkah 1

Tempatkan blok Javascript Anda di file HTML. Setiap blok instruksi dalam Javascript harus diapit dalam label kode. Di bawah ini adalah awal kode Javascript, yang merangkum proses impor teks Anda:

Langkah 2

Baca file. Untuk membaca file dalam Javascript, fungsi fopen diperlukan. Kode berikut mendapatkan isi dari sebuah file bernama "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);
Di Spanyol: "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);.

Langkah 3

Tetapkan isi file ke variabel bertipe string. Variabel ini dapat digunakan untuk mencetak hasil dan menunjukkannya kepada pengguna. Kode untuk menetapkan konten ke variabel adalah sebagai berikut: file_length = flength (file); content = fread (file, file_length); Di Spanyol: file_length = flength (file); content = fread (file, file_length);

Langkah 4

Buat div di file HTML Anda untuk menampilkan hasilnya. Gunakan kode berikut untuk membuat div:

Langkah 5

Tulis isi file teks yang Anda peroleh dengan Javascript pada div. Kode berikut memperoleh ID dari div dan menulis konten file teks sehingga pembaca memvisualisasikan hasil impor file: document.getElementById ("myDiv"). InnerText = konten;

Langkah 6

Simpan file HTML dan buka di browser Anda. Kemudian uji kode baru untuk memastikannya dapat dikompilasi dan dijalankan. Hasil pengimporan file teks Anda ditunjukkan pada tag div.