//Rozwiązując kolejne punkty powinieneś z planszy usuwać kwadraty z danym numerem.
//Jeżeli dane kwadraty nie zostały usunięte, znaczy że polecenie nie zostało dobrze wykonane.

// 1. Znajdź elementy o klasie .first-attempt - dodaj im klasę active
// 2. Znajdź elementy z atrybutem data-border i dodaj im atrybut data-el-active. Wykorzystaj dataset i inny rodzaj pętli niż w 1 zadaniu
// 3. Znajdź elementy z klasą hack. Dodaj im atrybut title ustawiony na wartość "hacking". Ten atrybut nie ma mieć z przodu data-
// 4. Znajdź elementy o klasie hijack. Usuń im atrybut title
// 5. Znajdź elementy które mają 2 klasy równocześnie: st1 i st2. Dodaj im style: color: red, i font-size na 15px
// 6. Znajdź elementy które mają klasę .del ale nie mają klasy .hijack. Dodaj im atrybut data-hack-active, usuń atrybut data-hack-inactive
// 7. Znajdź elementy o klase .last-attempt i pokaż w ich wnętrzu spany

var zad1 = document.querySelectorAll(".first-attempt");
for(var i = 0; i < zad1.length; i++){
zad1[i].classList.add("active");} //zad1

var zad2 = document.querySelectorAll('[data-border]');
for(var element of zad2){
    element.setAttribute('data-el-active',""); //zad2
}

var zad3 = document.querySelectorAll(".hack");
for(var zad3 of zad3){
    zad3.setAttribute("title", "hacking");
} //zad3
var zad4 = document.querySelectorAll(".hijack");
for(var zad4 of zad4){
    zad4.removeAttribute("title"); //zad4
}
var zad5 = document.querySelectorAll(".st1.st2");
for(var zad5 of zad5){
   zad5.setAttribute("style","color:red; font-size:15px;")
}//zad5
var zad6 = document.querySelectorAll(".del:not(.hijack)");
for(var zad6 of zad6){
    zad6.setAttribute("data-hack-active","");
    zad6.removeAttribute("data-hack-inactive","");
}//zad6
var zad7 = document.querySelectorAll('.last-attempt');
for(var xd of zad7){
    xd.querySelector("span").style.display="none";
};