111 lines
2.4 KiB
JavaScript
111 lines
2.4 KiB
JavaScript
let pikachuName = "Pikachu"
|
|
|
|
let pikachu = {
|
|
name: "Pikachu",
|
|
health: 45,
|
|
image: "Images/pikachu.png",
|
|
level: 8,
|
|
};
|
|
|
|
let bulbasaur = {
|
|
name: "Bulbasaur",
|
|
health: 70,
|
|
image: "Images/bulbasaur.png",
|
|
level: 12,
|
|
};
|
|
|
|
let oranguru = {
|
|
name: "Oranguru",
|
|
health: 170,
|
|
image: "Images/oranguru.png",
|
|
level: 45,
|
|
};
|
|
|
|
let drowzee = {
|
|
name: "Drowzee",
|
|
health: 90,
|
|
image: "Images/drowzee.png",
|
|
level: 33,
|
|
};
|
|
|
|
let bjarne = {
|
|
name: "Bjarne",
|
|
image: "Images/pokemonTrainerIdle.png",
|
|
pokemon: [],
|
|
}
|
|
let possiblePokemon = [pikachu, bulbasaur, oranguru, drowzee];
|
|
let randomPokemon = null;
|
|
|
|
let app = document.getElementById("app");
|
|
|
|
updateView();
|
|
|
|
function updateView() {
|
|
getRandomPokemon()
|
|
// randomPokemon.level = Math.floor(Math.random() * 100)
|
|
// randomPokemon.health = Math.floor(Math.random() * 100)
|
|
// console.log(randomPokemon.level, randomPokemon.health);
|
|
app.innerHTML = /*HTML*/ `
|
|
<div class="container">
|
|
<div class="opposingPokemon">
|
|
<div>${randomPokemon.name}</div>
|
|
<div>lvl: ${randomPokemon.level}</div>
|
|
<img src="${randomPokemon.image}">
|
|
</div>
|
|
|
|
<div class="bottomScreen">
|
|
<div class="player">
|
|
<img src="${bjarne.image}">
|
|
<div>${bjarne.name}</div>
|
|
</div>
|
|
|
|
<div class="buttonContainer">
|
|
<button onclick="catchPokemon()">Fang</button>
|
|
<button onclick="updateView()">Finn en annen</button>
|
|
<button onclick="showPokemon()">Vis dine pokemon</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
function caughtPokemonView() {
|
|
app.innerHTML = /*HTML*/`
|
|
<div class="caughtContainer">
|
|
<h1>Du fanget ${bjarne.pokemon[bjarne.pokemon.length - 1].name}</h1>
|
|
<div class="buttonContainer">
|
|
<button onclick="updateView()">Finn en annen</button>
|
|
<button onclick="showPokemon()">Vis dine pokemon</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
function catchPokemon() {
|
|
bjarne.pokemon.push(randomPokemon);
|
|
caughtPokemonView();
|
|
}
|
|
|
|
function showPokemon() {
|
|
app.style = null;
|
|
app.innerHTML = '';
|
|
|
|
for (i = 0; i < bjarne.pokemon.length; i++){
|
|
app.innerHTML = /*HTML*/ `
|
|
|
|
<div>${bjarne.pokemon[i].name}</div>
|
|
`;
|
|
}
|
|
app.innerHTML += /*HTML*/`
|
|
<div>
|
|
<button onclick="updateView()">Finn en annen</button>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
function getRandomPokemon() {
|
|
let randomNum = Math.floor(Math.random() * possiblePokemon.length);
|
|
randomPokemon = possiblePokemon[randomNum];
|
|
}
|