-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (109 loc) · 5.23 KB
/
index.html
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta charset="utf-8">
<title>the trump effect</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet">
<script>
function clickEventny() {
year = parseInt(document.getElementById("inputYear").value);
document.getElementById("result").innerHTML = "The Estimated population of New York without Trump is " + formulany(year, avgny, yiny);
if (year >= 2016) {
document.getElementById("tEffect").innerHTML = "The Population with Trump is " + trumpEffectny(year, avgny, yiny);
}
}
function clickEventmi() {
year = parseInt(document.getElementById("inputYear").value);
document.getElementById("result").innerHTML = "The Estimated population without Trump is " + formulami(year, avgmi, yimi);
if (year >= 2016) {
document.getElementById("tEffect").innerHTML = "The Population with Trump is " + trumpEffectmi(year, avgmi, yimi);
}
console.log(formulami(), trumpEffectmi(), findSlopemi(), findYmiami());
}
function clickEventsj() {
year = parseInt(document.getElementById("inputYear").value);
document.getElementById("result").innerHTML = "The Estimated population without Trump is " + formulasj(year, avgsj, yisj);
if (year >= 2016) {
document.getElementById("tEffect").innerHTML = "The Population with Trump is " + trumpEffectsj(year, avgsj, yisj);
}
console.log(formulasj(), trumpEffectsj(), findSlopesj(), findYmiasj());
}
function clickEventla() {
year = parseInt(document.getElementById("inputYear").value);
document.getElementById("result").innerHTML = "The Estimated population without Trump is " + formulala(year, avgla, yila);
if (year >= 2016) {
document.getElementById("tEffect").innerHTML = "The Population with Trump is " + trumpEffectla(year, avgla, yila);
}
console.log(formulala(), trumpEffectla(), findSlopela(), findYmiala());
}
</script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<a class="navbar-brand shadow" href="#">
<img src="trump.png" alt="" width="105" height="120">
</a>
<span class="title">
the trump effect.
</span>
</div>
</div>
<!-- /.container -->
</nav>
<!-- Page Content -->
<div class="container">
<marquee>Chrome Blocks the JS file - Our Estimate are Almost Perfect</marquee>
<div class="row">
<div class="col-lg-6 wall shadow">
<br />
<br />
<p>America is known for its diversity and with the election of the very controversial Trump, we may lose out on this. People know that immigrants are being targeted and a lot of them are being deported. But no one knows the exact number.
Our app calculates an estimate of the NYC population based on the year given by the user. We also give an estimate of the population if Trump’s plan is successful. We used JavaScript to complete our app.</p>
<a href="https://spookyvert.github.io/thetrumpeffect/info.html">Click to know your rights!</a>
<br />
<br />
</div>
<div class="col-lg-6 fat">
<h1>Enter Year</h1>
<input id="inputYear" value="2010">
<br />
<br />
<button onClick="clickEventny()">New York</button>
<button onClick="clickEventmi()">Miami</button>
<button onClick="clickEventsj()">San Jose</button>
<button onClick="clickEventla()">Los Angeles</button>
<br />
<h1>Estimated Result </h1>
<div class="main">
<b>
<h3 id="result"></h3>
<h3 id="tEffect"></h3>
</b>
</div>
</div>
</div>
</div>
<!-- /.container -->
<script src="js/pop.js" charset="utf-8"></script>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>