Cara Menyelipkan CSS ke Javascript Tanpa Konversi

Seperti yang kita ketahui, CSS dan javascript adalah dua bahasa yang berdampingan. Dimana ada Javascript, biasanya disitu juga ada CSS.

Tapi pengkodean keduanya sedikit berbeda. Jika javascript menggunakan <script>, maka CSS menggunakan <style>

Disini kita dapat menggabungkan semua CSS masuk kedalam javascript langsung menggunakan alat Converter. Namun keberadaanya sangat mencolok. Itu menyebabkan mudahnya tercuri kode-kode penting yang kita sisipkan kedalamnya.

Nah, maka dari itu, trik ini juga berkaitan dengan proteksi CSS agar script kita tidak mudah di clone orang.

Berikut tampilan sekilasnya

document.getElementById("namaDIV").style.display = "none";
dan
document.getElementById('namaDIV').disabled = true;

Pasangan kedua css diatas adalah sebagai berikut
document.getElementById("namaDIV").style.display = "block";
dan
document.getElementById('namaDIV').disabled = false;

 Untuk namaDIV merupakan ID dari sebuah HTML yang Anda buat.
Contoh:
<div id="namaDIV">Tulisan Anda</div>
Maksud dari style.display="none" adalah menghilangkan objek secara penuh. (Selengkapnya)
Sedangkan untuk disabled="true" adalah penolakan izin kepada browser untuk mengeksekusi.
Disabled merupakan "tidak mengizinkan"
True merupakan "Setuju"
Jadi kalau digabungkan berarti kita setuju untuk tidak mengizinkan.
Sedangkan jika menggunakan False, berarti kita tidak setuju jika tidak mengizinkan.

INGAT!! Penulisan ID dalam HTML harus valid dengan apa yang ada pada CSS dalam Javascript.
Jika pada tag HTML Anda buat id="namaID" maka pada script harus Anda buat document.getElementById("namaID").style.display = "none"; //hanya contoh
Sedangkan jika pada tag HTML Anda buat class="namaID" maka pada script harus Anda buat document.getElementByClass("namaID").style.display = "none"; //hanya contoh

<div id="menyapa">Hello word</div>
<script>document.getElementByClass("menyapa").style.color = "red";</script>

<div id="menyapa">Hello word</div>
<script>document.getElementById("menyapa").style.color = "red";</script>

Itulah trik memasukkan CSS kedalam bahasa Javascript. Semoga berguna untuk referensi belajar Anda.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini