JS6

hw6.js

// Task 1
function insertTable(){
  let table = document.createElement("table");

  table.style.border = "1px solid black";
  table.style.borderCollapse = "collapse";

  for(let i = 0; i < 10; i++) {
    let tr = document.createElement("tr");
    tr.style.border = "1px solid black";
    for(let j = 0; j < 5; j++) {
      if(i === 0) {
        let th = document.createElement("th");
          th.textContent = `Column ${j}`;
        tr.appendChild(th);
      }
      else{
        let td = document.createElement("td");
        td.style.border = "1px solid black";
        td.style.padding = "5px";
        td.textContent = `Row ${i} Column ${j}`;
        tr.appendChild(td);
      }
    }
    table.appendChild(tr);
  }
  let div = document.createElement("div");
  div.setAttribute("class", "insert-here");
  document.body.appendChild(div);

  let findDiv = document.querySelector(".insert-here");
  document.body.insertBefore(table, findDiv);
}
insertTable();


// Task 2

function preventDefault1(){
  document.body.onselectstart = () => false;
  document.oncontextmenu = () => false;
}
preventDefault1();

// Task 3
function likeBtn(){
  let h1 = document.createElement("h1");
  h1.setAttribute("id", "like");
  let btn = document.createElement("button");
  btn.textContent = "Like";
  let count = 0;
  h1.textContent = `Like ${count}`;
  btn.onclick = () =>{
    console.log("clicked");
    let h1 = document.getElementById("like");
    h1.textContent = `Like ${++count}`;
  };
  document.body.prepend(btn);
  document.body.prepend(h1);
}
likeBtn();