Halaman

Generator Soal Matematika

Jeng jeng.

Ini dia hasilnya 

https://galihw.github.io/DatabaseSoal/MainGenerator.html

Waktu Berpikir

Ketika coding, ketemu hal yang belum terpecahkan dan akhirnya buntu, maka tinggalkanlah dulu.
Kenapa?
Karena berarti butuh waktu untuk berpikir.

Misalkan,
Ketika saya membuat soal dan kunci jawaban, awalnya soal jawaban soal jawaban. Lalu ternyata butuh soal soal soal dulu baru jawaban di akhir. Dan... Jawabnnya ketika di print harus di lebar lain.

Solusinya gak ketemu ketika tetap di depan laptop.

Nah ketika tidur-tiduran, muncullah ide. Yaitu buat aja jadi canvas yang tingginya setinggi ukuran kertasnya, bisa dicoba print preview. Dan berhasil!!!

Mengenai itu juga, jadi ingat archimedes. Beliau menemukan solusi tentang menimbang emas ketika berendam di air. Eureka ...

Jadi, ada masalah? Tinggalkan sejenak untuk memberi diri waktu berpikir.

Print di html yang ada javascript nya

Untuk sementara masih pakai print() untuk memanggil fungsi print.

Paling struktur teks yang di print menggunakan create div dan img, dan diisi dengan innerHTMLuntuk div dan toDataURL untuk canvas.

Untuk masukkan ke body masih pakai yang standar. Yaitu document.body.appendChild(element), dimana elemennya div dan img.

Untuk menunggu load image di canvas, saya gunakan step by step dengan tombol aja.

Misal
1. Pilih data, muncul tombol ambil.
2. Tulis di div dan canvas, muncul tombol preview.
3. Preview sebelum print, muncul tombol cetak.
4. Tinggal pilih, print to pdf atau ke printer.

Dan.... Ternyata cukup rumit walau sekedar print saja.

Browser Android untuk file besar (banyak yang diloading)

Saya mempunyai file html dan pendukungnya ada 11 file js. Kalau di lihat besar file hanya 751 kb. Namun ternyata ketika diupload di github dan dijalankan ternyata tidak bisa berjalan dengan baik. Oiya, browser yang saya gunakan chrome, namun mungkin versi lama.

Nah, setelah saya cari, browser yang mumpuni untuk menjalankan file besar di android adalah firefox. Akhirnya saya download firefox.

Setelah itu saya jalankan link di github tersebut. Berhasil! Memang lambat, namun berhasil dijalankan hingga print to pdf.

Saya cari di google dibantu ai, ini dia hasil pencarian google+ai :



3 buah yang harus diperhatikan di html blogspot

Di akhir tahun 2025, kucoba membuat kalkulator matematika. Ada cari diskriminan, cari bentuk persamaan kuadrat, cari penyelesaian spldv, dan cari titik balik fungsi kuadrat.

Ada catatan yang kuperlu perhatikan jika ingin meletakkan html coding tersebut di blogspot. Yaitu :
1. Nama variabel harus beda (antara postingan 1 dengan yang lain)
2. Nama function harus beda (antara postingan 1 dengan yang lain)
3. Nama id div harus beda (antara postingan 1 dengan yang lain)

Kenapa?
Karena kalau tidak, maka akan dianggap lompat dari postingan 1 ke postingan lain.

Ada 1 lagi yang perlu diperhatikan, yaitu nama style css. Namun, karena saya gak merubah bentuk button, maka sama pun gak mengapa.


Kalkulator Mencari Titik Balik dari fungsi kuadrat y = ax² + bx + c

Masukkan persamaan 1:

y = x² + x +

Maka nilai xbalik = ... dan ybalik = ...

Mencari titik balik dari fungsi kuadrat

Rumus mencari titik balik dari fungsi kuadrat y = ax² + bx + c adalah : xbalik = -b/2a dan ybalik = -D/4, dimana D = b² - 4ac.

Ini hasil akhirnya :



Dan ini codingnya:



Kalkulator mencari x dan y dari SPLDV

Masukkan persamaan 1:

x + y =

Masukkan persamaan 2:

x + y =

Maka nilai x = ... dan y = ...

Mencari x dan y dari SPLDV

Kadang diriku pengen lihat hasilnya dulu, baru lihat codingnya. 

Jadi, inilah hasilnya :


Dan ini dia codingnya :





Generator mencari persamaan kuadrat jika x1 dan x2 diketahui

Masukkan akar-akarnya:

Nilai x1 =
Nilai x2 =

Maka persamaannya :

x1 dan x2 diketahui maka persamaan kuadrat ...

Inilah coding html untuk mencari persamaan kuadratnya jika akar-akarnya diketahui.

Masih bisanya masukkan bilangan bulat.


 

Diskriminan - html - calculator

Masukkan persamaan kuadrat:

x² + x + = 0

Nilai D =

Diskriminan - html

Mencari nilai diskriminan dari persamaan kuadrat pastinya kalian sudah pernah belajar dong di sekolah. Bagi yang belum dapat, ini dia :

Misal persamaan kuadrat :

ax² + bx + c = 0

Maka 

nilai D = b² - 4ac


Nah ini codingnya :


Dan ini hasilnya ketika dijalankan :






Simbol matematika di html

Ini beberapa simbol yang digunakan saya gunakan didalam coding soal matematika.

Minus = "−" = "\u{2212}"; 

Union = "∪" = "\u{222A}";; 

Irisan = "∩" = "\u{2229}";

Elemen = "∈" = "\u{2208}"; 

Pangkat 0 = "\u{2070}"

Pangkat 1 = "\u{00B9}";

Pangkat 2 = "\u{00B2}";

Pangkat 3 = "\u{00B3}";

Pangkat 4 = "\u{2074}" ;

Pangkat 5 = "\u{2075}" ;

Pangkat 6 = "\u{2076}" ;

Pangkat 7 = "\u{2077}" ;

Pangkat 8 = "\u{2078}" ;

Pangkat 9 = "\u{2079}";

Membuat canvas baru dengan javascript - masukkan ke div

Caranya adalah dengan :

const canvas = document.createElement('canvas');

canvas.id = "myCanvas";

canvas.width = 380;

canvas.height = 760;

canvas.style.border = "0px solid grey";

document.getElementById("mydiv").appendChild(canvas);

Dimana, 

mydiv adalah nama div yang akan digunakan

myCanvas adalah nama canvas yang akan digunakan 



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.

Langganan: Komentar (Atom)