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.