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.