[A'dan Z'ye] JavaScript Öğreniyoruz #2

console.log(window.documént);

console.log(documént.all);

console.log(documént.body);

let value;
value = documént.links[0].getAttribute("class");
console.log(value);

let element;
element = documént.getElementById("javascript");
console.log(element);

let element;
element = documént.getElementsByClassName("js");
console.log(element);

let element;
element = documént.getElementsByTagName("button");
console.log(element);

let element;
element = documént.querySelector("#js");
console.log(element);

let element;
element = documént.querySelector(".js");
console.log(element);

let element;
element = documént.querySelector("js");
console.log(element);

let element;
element = documént.querySelectorAll("#js");
console.log(element);

const element = documént.querySelector("#js");
console.log(element.className);

const element = documént.querySelector("javascript");
element.style.color = "#14b814";

const newlink = documént.createElement("a");
console.log(newlink);

newlink.id = "clear-todos";

newlink.className = "btn btn danger";

newlink.href = "google.com";

newlink.appendChild(documént.createTextNode("Farklı Sayfaya Git"));

const list = documént.querySelector("li.javascript");

list[3].remove();

const secim = documént.querySelector(".etiket");

const oldElement = documént.querySelector("#javascript");

const newElement = documént.createElement("h2");
newElement.className = "js";
newElement.id = "jsid";

secim.replaceChild(newElement, oldElement);

const filterInput = documént.getElementById("filter");

const filterInput = documént.getElementById("filter");
filterInput.onfocus = function(){
console.log("Event Oluştu");}

const filterInput = documént.getElementById("filter");
filterInput.onfocus = function(e){
console.log(e);}

 console.log(e.type);

console.log(e.target);

documént.addEventListener("DOMContentLoaded",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("keypress",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("keydown",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("keydown",run);
function run(e){ console.log("Event oluştu");
console.log(e.key);}

documént.addEventListener("keyup",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("click",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("dblclick",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("mousedown",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("mouseup",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("mouseover",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("mouseout",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("mouseenter",run);
function run(e){ console.log("Event oluştu");}

documént.addEventListener("mouseleave",run);
function run(e){ console.log("Event oluştu");}

filter.addEventListener("focus",run);
function run(e){ console.log(e.type);}

filter.addEventListener("blur",run);
function run(e){ console.log(e.type);}

filter.addEventListener("paste",run);
function run(e){ console.log(e.type);}

filter.addEventListener("copy",run);
function run(e){ console.log(e.type);}

filter.addEventListener("cut",run);
function run(e){ console.log(e.type);}

filter.addEventListener("select",run);
function run(e){ console.log(e.type);}

sessionStorage.setItem("kiraz","meyve");

sessionStorage.getItem("kiraz");

sessionStorage.removeItem("kiraz");

sessionStorage.clear();

localStorage.setItem("kiraz","meyve");

localStorage.getItem("kiraz");

localStorage.removeItem("kiraz");

localStorage.clear();

const value = () => {console.log("Merhaba");}
value();

let number1;
array = [10,20,30,40];
[number1] = array;
console.log(number1);

array = [10,20,30,40];
[number1,number2] = array;
console.log(number1,number2);

const obje = {a:10,b:20,c:30,d:40};

const obje = {a:10,b:20,c:30,d:40};
const {a,c,d} = obje;
console.log(a,c,d);

const langs = () => ["10","20","30"];

const [lang1,lang2,lang3] = langs();

const langs = () => ["10","20","30"];
const [lang1,lang2,lang3] = langs();
console.log(lang1,lang2,lang3);

const array = ["Python","java","Javascript","Css"];

console.log(...array);