Skip to content
Snippets Groups Projects
Select Git revision
  • dbab0779ec23a339a3dcdd1317dad89cac48d192
  • master default protected
2 results

process-connection.go

Blame
  • bag.js 3.19 KiB
    function typeBox(src1,src2){
    
        var typeBox = document.createElement("div");
        typeBox.className = "typebox"
    
    
        var type1 = document.createElement("img");
        var type2 = document.createElement("img");
        type1.className = "type";
        type2.className = "type";
    
        type1.src = src1;
    
        if(src2 == ""){
            type2.style.display = "none";
        }
        else{
            type2.src = src2;
        }
    
    
        typeBox.appendChild(type1);
        typeBox.appendChild(type2);
    
        return typeBox;
    
    }
    
    
    function toDeleteArticle(poke,name){
        let x = document.createElement("img");
        x.className = "x";
        x.src ="img/x.png";
        x.style.cursor = "pointer";
    
        x.onclick = function(){
    
            poke.remove()
            localStorage.removeItem(name);
            document.getElementById("number").innerHTML = localStorage.length-1;
    
        }
    
        return x;
    }
    
    
    function createArticle(name,number,type1,type2,attacks,talent,shiny){
    
        let container = document.getElementById("container");
    
        let pokemon = document.createElement("div");
        pokemon.className = "pokemon";
    
        let img = document.createElement("img");
    
        let price = document.createElement("p");
        price.className = "price";
    
        if(shiny == 1){
            img.src = "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/shiny/" + number + ".png";
            price.innerHTML = "4.00 CHF";
        }
        else{
            img.src = "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/" + number + ".png";
            price.innerHTML = "2.00 CHF";
        }
    
        img.style.width = "8vw";
        img.style.height ="8vw";
    
        let typeAndName = document.createElement("div");
        typeAndName.className = "typeAndName";
        
        let pokname = document.createElement("p");
        pokname.innerHTML = name;
    
        let typebox = typeBox(type1,type2);
    
    
        let title = document.createElement("p");
        title.className = "name";
        title.innerHTML = "Attacks:";
    
        let talentName = document.createElement("p");
        talentName.className = "text";
        talentName.innerHTML = talent;
        
        let x = toDeleteArticle(pokemon,name);
    
        typeAndName.appendChild(pokname);
        typeAndName.appendChild(typebox);
    
        pokemon.appendChild(x);
    
        pokemon.appendChild(img);
        pokemon.appendChild(typeAndName);
        pokemon.appendChild(title);
    
        for(let i = 0; i<attacks.length; i++){
    
            let attack = document.createElement("p");
            attack.className = "text";
            attack.innerHTML = attacks[i];
            pokemon.appendChild(attack);
    
        }
    
        pokemon.appendChild(talentName)
        pokemon.appendChild(price);
        
    
        container.appendChild(pokemon);
    
    }
    
    
    function getItem(index){
        return localStorage.getItem(localStorage.key(index));
    }
    
    
    
    
    document.getElementById("number").innerHTML = localStorage.length-1;
    
    for(let i = 0; i<localStorage.length; i++){
    
    
        if(localStorage.key(i)=="oui"){
            continue
        }
        else{
    
            let data = getItem(i).split(',');
            console.log(data[9]);
            let attacks = [data[4],data[5],data[6],data[7]];
            createArticle(data[0],data[1],data[2],data[3],attacks,data[8],data[9])
    
        }
    
       
    
    }