6. Store Blog Post Data into Array

Setelah kita menyimpan seluruh data postingan blog kedalam object, kita akan menyimpannya kedalam sebuah array. Tujuannya yakni agar seluruh postingan nantinya tersimpan dan bisa ditampilkan kedalam halaman blog secara dinamis. Tipe data array adalah tipe data yang mampu menyimpan daftar data didalam sebuah variabel. Menyimpan data kedalam array menggunkan method push.

Ilustrasi array dapat dilihat pada gambar berikut:

Contoh code

let blogs = [];

function addBlog(event) {
  event.preventDefault();

  let title = document.getElementById('input-blog-title').value;
  let content = document.getElementById('input-blog-content').value;
  let image = document.getElementById('input-blog-image');

  image = URL.createObjectURL(image.files[0]);

  console.log(image);
  if (title == '' || image == '' || content == '') {
    return alert('All input fields must be not empty');
  }

  document.getElementById('input-blog-title').value = '';
  document.getElementById('input-blog-content').value = '';

  let blog = {
    author: 'Rhoma Irama',
    title: title,
    image: image,
    content: content,
    postedAt: new Date(),
  };

  blogs.push(blog);

  renderBlog();
}