html
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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pi Trainer</title>
</head>
<body>
<h1 id="h1"></h1>
<p id="result"></p>
<p id="right"></p>
<h3 id="terug">
<!-- This link doesn't work -->
<a href="">Try again</a>
<!-- https://www.sololearn.com/Discuss/3198207/javascrip-code-bit-run-link -->
</h3>
<main id="nums">
<div class="cal">
<div class="answer-conainer flexer">
<div class="answer">
<p id="answer">3,14</p>
</div>
</div>
<div class="num-conainer">
<div class="num-row flexer">
<button onclick="ontvangen(1)">1</button>
<button onclick="ontvangen(2)">2</button>
<button onclick="ontvangen(3)">3</button>
Enter to Rename, Shift+Enter to Preview
css
css
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
/* Kevin Kraaijveld CSS Mastermind
============================================================================
1. Algemene CSS
2. CONTENT BLOCKS
3. Overige CSS
============================================================================ */
/* 1. Algemene CSS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body{
margin: 0;
padding:0;
background: linear-gradient( #00f, #00c);
height: 98vh;
}
.cal{
width: 30%;
height: 93.8vh;
margin: 2vh auto;
background: linear-gradient( #9b9b9b, #505051);
box-shadow: 10px 10px 15px #000;
}
h1{
Enter to Rename, Shift+Enter to Preview
js
js
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
// javascript pi-trainer Kevin Kraaijveld
var pi = [1,5,9, 2,6,5,3,5, 8,9,7,9,3, 2,3,8,4,6, 2,6,4,3,3, 8,3,2,7,9, 5,0,2,8,8, 4,1,9,7,1, 6,9,3,9,9, 3,7,5,1,0,
5,8,2,0,9, 7,4,9,4,4, 5,9,2,3,0, 7,8,1,6,4, 0,6,2,8,6, 2,0,8,9,9, 8,6,2,8,0, 3,4,8,2,5, 3,4,2,1,1, 7,0,6,7,9,
8,2,1,4,8, 0,8,6,5,1, 3,2,8,2,3, 0,6,6,4,7, 0,9,3,8,4, 4,6,0,9,5, 5,0,5,8,2, 2,3,1,7,2, 5,3,5,9,4, 0,8,1,2,8,
4,8,1,1,1, 7,4,5,0,2, 8,4,1,0,2, 7,0,1,9,3, 8,5,2,1,1, 0,5,5,5,9, 6,4,4,6,2, 2,9,4,8,9, 5,4,9,3,0, 3,8,1,9,6,
4,4,2,8,8, 1,0,9,7,5, 6,6,5,9,3, 3,4,4,6,1, 2,8,4,7,5, 6,4,8,2,3, 3,7,8,6,7, 8,3,1,6,5, 2,7,1,2,0, 1,9,0,9,1,
4,5,6,4,8, 5,6,6,9,2, 3,4,6,0,3, 4,8,6,1,0, 4,5,4,3,2, 6,6,4,8,2, 1,3,3,9,3, 6,0,7,2,6, 0,2,4,9,1, 4,1,2,7,3,
7,2,4,5,8, 7,0,0,6,6, 0,6,3,1,5, 5,8,8,1,7, 4,8,8,1,5, 2,0,9,2,0, 9,6,2,8,2, 9,2,5,4,0, 9,1,7,1,5, 3,6,4,3,6,
7,8,9,2,5, 9,0,3,6,0, 0,1,1,3,3, 0,5,3,0,5, 4,8,8,2,0, 4,6,6,5,2, 1,3,8,4,1, 4,6,9,5,1, 9,4,1,5,1, 1,6,0,9,4,
3,3,0,5,7, 2,7,0,3,6, 5,7,5,9,5, 9,1,9,5,3, 0,9,2,1,8, 6,1,1,7,3, 8,1,9,3,2, 6,1,1,7,9, 3,1,0,5,1, 1,8,5,4,8,
0,7,4,4,6, 2,3,7,9,9, 6,2,7,4,9, 5,6,7,3,5, 1,8,8,5,7, 5,2,7,2,4, 8,9,1,2,2, 7,9,3,8,1, 8,3,0,1,1, 9,4,9,1,2,
9,8,3,3,6, 7,3,3,6,2, 4,4,0,6,5, 6,6,4,3,0, 8,6,0,2,1, 3,9,4,9,4, 6,3,9,5,2, 2,4,7,3,7, 1,9,0,7,0, 2,1,7,9,8,
6,0,9,4,3, 7,0,2,7,7, 0,5,3,9,2, 1,7,1,7,6, 2,9,3,1,7, 6,7,5,2,3, 8,4,6,7,4, 8,1,8,4,6, 7,6,6,9,4, 0,5,1,3,2,
0,0,0,5,6, 8,1,2,7,1, 4,5,2,6,3, 5,6,0,8,2, 7,7,8,5,7, 7,1,3,4,2, 7,5,7,7,8, 9,6,0,9,1, 7,3,6,3,7, 1,7,8,7,2,
1,4,6,8,4, 4,0,9,0,1, 2,2,4,9,5, 3,4,3,0,1, 4,6,5,4,9, 5,8,5,3,7, 1,0,5,0,7, 9,2,2,7,9, 6,8,9,2,5, 8,9,2,3,5,
4,2,0,1,9, 9,5,6,1,1, 2,1,2,9,0, 2,1,9,6,0, 8,6,4,0,3, 4,4,1,8,1, 5,9,8,1,3, 6,2,9,7,7, 4,7,7,1,3, 0,9,9,6,0,
5,1,8,7,0, 7,2,1,1,3, 4,9,9,9,9, 9,9,8,3,7, 2,9,7,8,0, 4,9,9,5,1, 0,5,9,7,3, 1,7,3,2,8, 1,6,0,9,6, 3,1,8,5,9,
5,0,2,4,4, 5,9,4,5,5, 3,4,6,9,0, 8,3,0,2,6, 4,2,5,2,2, 3,0,8,2,5, 3,3,4,4,6, 8,5,0,3,5, 2,6,1,9,3, 1,1,8,8,1,
7,1,0,1,0, 0,0,3,1,3, 7,8,3,8,7, 5,2,8,8,6, 5,8,7,5,3, 3,2,0,8,3, 8,1,4,2,0, 6,1,7,1,7, 7,6,6,9,1, 4,7,3,0,3,
5,9,8,2,5, 3,4,9,0,4, 2,8,7,5,5, 4,6,8,7,3, 1,1,5,9,5, 6,2,8,6,3, 8,8,2,3,5, 3,7,8,7,5, 9,3,7,5,1, 9,5,7,7,8,
1,8,5,7,7, 8,0,5,3,2, 1,7,1,2,2, 6,8,0,6,6, 1,3,0,0,1, 9,2,7,8,7, 6,6,1,1,1, 9,5,9,0,9, 2,1,6,4,2, 0,1,9,8,9];
var answer;
var numbercount = 0;
var numbercount2 = 1;
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run