71 lines
2.1 KiB
JavaScript
71 lines
2.1 KiB
JavaScript
|
"use strict"
|
||
|
|
class SuperHuman {
|
||
|
|
constructor(name, powerLevel) {
|
||
|
|
this.name = name;
|
||
|
|
this.powerLevel = powerLevel;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Define SuperHero and SuperVillain classes here
|
||
|
|
|
||
|
|
class SuperHero extends SuperHuman{
|
||
|
|
constructor(name, alias, powerLevel){
|
||
|
|
super(name, powerLevel);
|
||
|
|
this.alias = alias;
|
||
|
|
}
|
||
|
|
battle(sv){
|
||
|
|
if (this.powerLevel >= sv.powerLevel){return true;}
|
||
|
|
else{return false;}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
class SuperVillain extends SuperHuman{
|
||
|
|
constructor(name, alias, powerLevel){
|
||
|
|
super(name, powerLevel);
|
||
|
|
this.alias = alias;
|
||
|
|
}
|
||
|
|
getEvilChuckle(){return "Ha ha ha!";}
|
||
|
|
}
|
||
|
|
|
||
|
|
const heroes = {
|
||
|
|
"Super Bacon": new SuperHero("Jack Oinker", "Super Bacon", 2),
|
||
|
|
"Flat-Man": new SuperHero("Peter Pranker", "Flat-Man", 5),
|
||
|
|
"Mighty Woman": new SuperHero("Diana Dense", "Mighty Woman", 8),
|
||
|
|
"Captain Marvelous": new SuperHero("Carol Hangers", "Captain Marvelous", 9)
|
||
|
|
}
|
||
|
|
|
||
|
|
const villains = {
|
||
|
|
"The Jokester": new SuperHero("Jack Nastier", "The Jokester", 3),
|
||
|
|
"Magnet Man": new SuperHero("Max Eisenhardt", "Magnet Man", 6),
|
||
|
|
"Lex Loner": new SuperHero("Lex Loner", "Lex Loner", 2),
|
||
|
|
"Thankos": new SuperHero("Thankos", "Thankos", 9)
|
||
|
|
}
|
||
|
|
|
||
|
|
window.addEventListener("DOMContentLoaded", domLoaded);
|
||
|
|
|
||
|
|
function domLoaded() {
|
||
|
|
// Detect selection of hero and villain
|
||
|
|
document.querySelector("#heroSelect").addEventListener("change", selectionChanged);
|
||
|
|
document.querySelector("#villainSelect").addEventListener("change", selectionChanged);
|
||
|
|
|
||
|
|
selectionChanged();
|
||
|
|
}
|
||
|
|
|
||
|
|
function selectionChanged() {
|
||
|
|
var selectedHeroValue = document.querySelector("#heroSelect").value;
|
||
|
|
var selectedVillainValue = document.querySelector("#villainSelect").value;
|
||
|
|
|
||
|
|
// Get hero and villain selected
|
||
|
|
var selectedHero = heroes[selectedHeroValue];
|
||
|
|
var selectedVillain = villains[selectedVillainValue];
|
||
|
|
|
||
|
|
// Your code goes here
|
||
|
|
if (selectedHero.battle(selectedVillain)){
|
||
|
|
document.querySelector("#winner").innerHTML = "Winner: " + selectedHero.alias + "!";
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
document.querySelector("#winner").innerHTML = "Winner: " + selectedVillain.alias + "!";
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|