add APMC
This commit is contained in:
parent
b43ed91084
commit
d63d9fdb67
49
APMC/index.html
Normal file
49
APMC/index.html
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>APMC</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>APPLE PER MAN CALCULATOR</h1>
|
||||||
|
<h2>INPUT THESE NUMBER ; YOU CAN USE A NEGATIVE NUMBER</h2>
|
||||||
|
<label>INPUT THE NUMBER OF APPLE<br>
|
||||||
|
<input type="number" id="goki" name="goki"><br>
|
||||||
|
</label><label>INPUT THE NUMBER OF POPULATION<br>
|
||||||
|
<input type="number" id="buri" name="buri"><br><br>
|
||||||
|
</label>
|
||||||
|
<button id="calcul">CALCULATE</button>
|
||||||
|
<table border="1" style="color:red; border-collapse:collapse; border-width:5px; margin-top:5vh;">
|
||||||
|
<tr>
|
||||||
|
<th>apple</th>
|
||||||
|
<td style="text-align:right;" id="apu">
|
||||||
|
</td>
|
||||||
|
</tr><tr>
|
||||||
|
<th>population</th>
|
||||||
|
<td style="text-align:right;" id="popu">
|
||||||
|
</td>
|
||||||
|
</tr><tr>
|
||||||
|
<th>APM</th>
|
||||||
|
<td style="text-align:right;" id="apm">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<h2>POVERTY LEVELS BY APM</h2>
|
||||||
|
<table>
|
||||||
|
<tr><th>APM≦0</th><td style="text-align:right">grinding poverty</td></tr>
|
||||||
|
<tr><th>0<APM≦1</th><td style="text-align:right">normal poverty</td></tr>
|
||||||
|
<tr><th>1<APM≦10</th><td style="text-align:right">honorable poverty</td></tr>
|
||||||
|
<tr><th>10<APM≦100</th><td style="text-align:right">little rich</td></tr>
|
||||||
|
<tr><th>100<APM≦1000</th><td style="text-align:right">normal rich</td></tr>
|
||||||
|
<tr><th>1000<APM</th><td style="text-align:right">extreme rich</td></tr>
|
||||||
|
</table>
|
||||||
|
<h2>THE ORIGIN OF THE APMC</h2>
|
||||||
|
<p>Apple Per Man Calculator, The APMC was developed by Qrhlhphp in order to show you the nature of poverty.</p>
|
||||||
|
<p>21st century is filled with lots of poverty. It made us injure each other, and the wars caused have made our poverty furthermore terrible.</p>
|
||||||
|
<p>You have thoughts that it is a very difficult to solve the issue of poverty, which are all wrong. It is not so much complex thing as a obvious thing.</p>
|
||||||
|
<p>It is natural that you should distrust my words. But first try the APMC. You will find the nature of poverty immediately.</p>
|
||||||
|
</body>
|
||||||
|
<script src="main.js"></script>
|
||||||
|
</html>
|
27
APMC/main.js
Normal file
27
APMC/main.js
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
let calcul = document.getElementById("calcul");
|
||||||
|
let goki = document.getElementById("goki");
|
||||||
|
let buri = document.getElementById("buri");
|
||||||
|
let apu = document.getElementById("apu");
|
||||||
|
let popu = document.getElementById("popu");
|
||||||
|
let apm = document.getElementById("apm");
|
||||||
|
|
||||||
|
apu.innerText = 10;
|
||||||
|
popu.innerText = 3;
|
||||||
|
apm.innerText = 10 / 3;
|
||||||
|
|
||||||
|
calcul.addEventListener('click', calculate);
|
||||||
|
|
||||||
|
window.document.onkeydown = function(event){
|
||||||
|
if (event.key === 'Enter') {
|
||||||
|
calculate();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function calculate(){
|
||||||
|
apu.innerText = goki.value == "" ? 0 : goki.value;
|
||||||
|
popu.innerText = buri.value == "" ? 0 : buri.value;
|
||||||
|
if(buri.value == 0)
|
||||||
|
apm.innerText = "you";
|
||||||
|
else
|
||||||
|
apm.innerText = goki.value / buri.value;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user