Key & Input events

const form = document.querySelector("form");
const taskInput = document.getElementById("task");
const heading = document.querySelector("h5");
const select = document.querySelector("select");

// Clear input
taskInput.value = "";

// form.addEventListener("submit", runEvent);

// Keydown 
// taskInput.addEventListener("keydown", runEvent);

// Keyup
// taskInput.addEventListener("keyup", runEvent);

// Keypress
// taskInput.addEventListener("keypress", runEvent);

// Focus
// taskInput.addEventListener("focus", runEvent);

// Blur
// taskInput.addEventListener("blur", runEvent);

// Cut
// taskInput.addEventListener("cut", runEvent);

// Paste
// taskInput.addEventListener("paste", runEvent);

// Input => 쓰고 지우고 되돌리고 복사하고 붙여넣고 잘라낼 때마다 동작
// taskInput.addEventListener("input", runEvent);

// Change
select.addEventListener("change", runEvent);

function runEvent(e) {
  // e.preventDefault();
  console.log(`EVENT TYPE: ${e.type}`);
  console.log(e.target.value);
  heading.innerText = e.target.value;
  // console.log(taskInput.value);
}