Tips html di blog

Saya membuat sebuah kumpulan soal dengan menggunakan html dan javascript. 

Awal, saya coba dulu membuat sebuah postingan dengan gambar, berhasil dapat dijalankan. Kedua, saya coba cara yang sama, berhasil di jalankan juga, tapiii ternyata, postingan pertama jadi rusak tampilannya (secara blog kan dia bisa menampilkan beberapa postingan).

Akhirnya kutemukan caranya, yaitu terletak di div.

Jika div = "nama1" untuk postingan pertama, maka div = "nama2" untuk postingan kedua, begitu selanjutnya.

Cara lain, bisa dengan mengatur jumlah postingan yang muncul, jadikan satu saja. Sehingga tidak akan bentrok.

Semoga bermanfaat.

3 macam bentuk fungsi (function)

 //bentuk pertama

const myFunction1=(a,b) => a*b;

//Bentuk kedua

var myFunction2 = function(a,b){

           return a*b;

}

//Bentuk ketiga

function myFunction3(a,b){

           return a*b;

}

//Print hasil dengan console.log

console.log(myFunction1(2,3));

console.log(myFunction2(2,3));

console.log(myFunction3(2,3));

Jika dijalankan akan menghasilkan nilai 6 semuanya. Karena 2*3 = 6

Penggunaan yang sering kugunakan adalah bentuk ketiga. Karena dari awal mengertinya bentuk tersebut. 

Mungkin akan divariasi bentuk lainnya jika dibutuhkan.

Console.log si tracking variabel

Ketika coding, kadangkala menemukan sesuatu kesalahan atau error. Nah ketika di javascript, saya menggunakan console.log(namavariabel) untuk tracking apakah namavariabel itu sesuai yang diinginkan atau tidak.

Cara melihat hasil console.log(namavariabel) adalah tekan ctrl+shift+i ketika jalankan html tersebut di chrome.

Selamat mencoba.

Html - javascript pada blogspot

Kali ini bahas tentang postingan di blog yang menggunakan html.

Kalau menggunakan :

document.body.appendChild(elem)

Maka letaknya di bawah banget, bukan di tempat sesuai daerah postingan.

Namun kalau pakai :

mydiv.appendChild(innerDiv);

Maka bisa di daerah yang dimaksud.

Dan, kalau yang cara kedua, kita memang mesti prsen tempat dulu, buat div sendiri dulu, kemudian baru di letakkan di dalam div.

Demikian yang sudah saya coba.

Semoga bermanfaat

Mods - mencari sisa a dibagi b

Efisiensi fungsi mods.

1. Awalnya saya mencari sisa a dibagi b adalah dengan menggunakan pengulangan a di kurang b hingga ketemu sisa yang kurang dari b.

2. Ternyata, saya ingat pernah juga pakai operator % untuk mencari sisa. Caranya tinggal sisa = a%b.

Lebih efisien no.2 karena memang hanya 1 baris saja.

Wah berarti jika ada program yang masih memakai fungsi mods yang panjang, bisa dong diganti dengan yang lebih efisien.

Belajar Coding soal Matematika

 Laptop rusak hang hang terus, jadi gak bisa membagi ilmu lewat ngajar online. Ngapain lagi ya ... 

Ah ngajarin coding aja ah. Tapi lewat blog. 

Ini link nya :

https://soulmathonline.blogspot.com/2025/12/CodingHtml.html

Semoga para pecinta/penyuka coding matematika bisa memahami yang saya sharing ini dan menggunakannya untuk buat soal matematika.

Ada urutan fungsi-fungsi yang digunakan, dan format html yang diperlukan untuk menggabungkan fungsi-fungsi tersebut. 

Ada juga gambar yang dibutuhkan. Simpan sesuai nama gambar masing-masing ya.

Saat ini baru ada 6 tipe soal. Dan ada 2 jenis format yang digunakan disesuaikan untuk 6 tipe tersebut.

Bisa untuk mengisi waktu liburan sambil belajar coding.

Contoh coding yang udah jadi adalah di Database Soal Matematika atau di Soul Math Online

Semoga bermanfaat.

Ray.so membuat coding ku menjadi satu file gambar utuh

Ini buat coding jadi bentuk gambar. 

https://ray.so/

Fungsinya, bisa untuk diposting di blog, atau bisa juga di print. Kelebihannya adalah codingnya diberi warna, sehingga bisa membantu memahami coding nya.

Semoga bermanfaat

Mengubah gambar png menjadi base64 untuk html - online

Mengubah file gambar png menjadi base64.

Fungsinya agar gambar bisa diletakkan satu file dengan html, agar tidak perlu memanggil gambar di luar file utama.

Ini dia link konversi online nya:

https://www.base64-image.de/

Bisa hingga maksimal 20 file sekali konversi.

Semoga bermanfaat

Encode dari coding html agar bisa dijadikan teks biasa - di html

Agar coding-an ku bisa jadi teks, setelah googleing, kudapatkan ini

https://www.bloggertipandtrick.net/tools/html-encoder/

Semoga bermanfaat