Rick-Thompson.github.io/script.js at main · Rick-Thompson/Rick-Thompson.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
var p1health;
var enemyhealth;

window.addEventListener('DOMContentLoaded', function () {

    document.getElementById("atk").addEventListener("click", mainattack);
    document.getElementById("atk2").addEventListener("click", superattack);
    document.getElementById("reset").addEventListener("click", reset);

    document.getElementById("menu").addEventListener("click", menuopen);
    document.getElementById("closebtn").addEventListener("click", menuclose);
    document.getElementById("main").addEventListener("click", menuclose);

    document.getElementById("p1health").value = localStorage.getItem("p1");
    document.getElementById("enemyhealth").value = localStorage.getItem("enemy");


});

function menuopen() {
    document.getElementById("nav").style.height = "150px";
    //document.getElementById("menu").style.display = "none";
}
function menuclose() {
    document.getElementById("nav").style.height = "0px";
    //document.getElementById("menu").style.display = "block";
}

function mainattack() {
    p1health = document.getElementById('p1health').value - 0;
    enemyhealth = document.getElementById('enemyhealth').value - 0;
    var damage = Math.floor(Math.random() * 10);
    enemyhealth = enemyhealth - damage;
    if (enemyhealth <= 0) {
        alert('You Win!');
        reset();
    } else {
        updatestats();
        enemyattack();
    }

}

function superattack() {
    p1health = document.getElementById('p1health').value - 0;
    enemyhealth = document.getElementById('enemyhealth').value - 0;
    if (Math.floor(Math.random() * 10) < 1) {
        var damage = Math.floor(Math.random() * 100);
        enemyhealth = enemyhealth - damage;
        if (enemyhealth <= 0) {
            alert('You Win!');
            reset();
        } else {
            updatestats();
            enemyattack();
        }
    }
    else {
        enemyattack();
    }

}

function enemyattack() {
    p1health = document.getElementById('p1health').value - 0;
    enemyhealth = document.getElementById('enemyhealth').value - 0;
    var damage = Math.floor(Math.random() * 10);
    p1health = p1health - damage;
    if (p1health <= 0) {
        alert('You dead!');
        reset();
    } else {
        updatestats();

    }

}

function reset() {
    document.getElementById('p1health').value = 100;
    document.getElementById('enemyhealth').value = 100;
    document.getElementById('p1bar').style.setProperty('width', '100px');
    document.getElementById('enemybar').style.setProperty('width', '100px');
    document.getElementById('p1bar').style.setProperty('background-color', 'green');
    document.getElementById('enemybar').style.setProperty('background-color', 'green');
}

function updatestats() {
    document.getElementById('enemyhealth').value = enemyhealth;
    document.getElementById('enemybar').style.setProperty('width', enemyhealth + 'px');
    if (enemyhealth <= 50) {
        document.getElementById('enemybar').style.setProperty('background-color', 'yellow');
    }
    if (enemyhealth <= 10) {
        document.getElementById('enemybar').style.setProperty('background-color', 'red');
    }
    document.getElementById('p1health').value = p1health;
    document.getElementById('p1bar').style.setProperty('width', p1health + 'px');
    if (p1health <= 50) {
        document.getElementById('p1bar').style.setProperty('background-color', 'yellow');
    }
    if (p1health <= 10) {
        document.getElementById('p1bar').style.setProperty('background-color', 'red');
    }
    localStorage.setItem("p1", p1health);
    localStorage.setItem("enemy", enemyhealth);
}