forked from letterly/letterly.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
codecode.html
64 lines (64 loc) · 4.22 KB
/
codecode.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
<html>
<head>
<link rel="stylesheet" href="codestyles.css">
<meta charset="utf-8">
<script src="coderun.js"></script>
<link rel="shortcut icon" href="favicon.ico?">
<title>codecode</title>
</head>
<body>
<h1 id="h">codecode [alpha release 1.3]</h1>
<div id="languageselect">
<p><span id="languageTEXT">Languages:</span>
<span onclick="langswitch(this.id)" class="lang" id="en" style="font-weight:700">English</span>
<span onclick="langswitch(this.id)" class="lang" id="es">Español</span>
<span onclick="langswitch(this.id)" class="lang" id="pt">Português</span>
</p>
</div>
<div id="codingselect">
<p>
<span onclick="codingswitch(this.id)" class="codelang" id="JavaScript" style="font-weight:700">JavaScript</span>
<span onclick="codingswitch(this.id)" class="codelang" id="Python">Python</span>
<span onclick="codingswitch(this.id)" class="codelang" id="Ruby">Ruby</span>
<span onclick="codingswitch(this.id)" class="codelang" id="PHP">PHP</span>
<span onclick="codingswitch(this.id)" class="codelang" id="Lua">Lua</span>
<span onclick="codingswitch(this.id)" class="codelang" id="Java">Java</span>
</p>
</div>
<div id="levelselects">
<div class="levelselect">
<p id="language" style="color:#cb4b16">JavaScript</p>
<p class="level" onclick="levelset(0)"><small><span class="levelL">Level</span> 0</small><br><span class="mathL">Math</span></p>
<p class="level" onclick="levelset(1)"><small><span class="levelL">Level</span> 1</small><br><span class="variablesL">Variables</span></p>
<p class="level" onclick="levelset(2)"><small><span class="levelL">Level</span> 2</small><br><span class="comparisonL">Comparison Operators</span></p>
<p class="level" onclick="levelset(3)"><small><span class="levelL">Level</span> 3</small><br><span class="conditionalL">Conditional Statements</span> 1</p>
<p class="level" onclick="levelset(4)"><small><span class="levelL">Level</span> 4</small><br><span class="stringsL">Strings</span> 1</p>
<p class="level" onclick="levelset(5)"><small><span class="levelL">Level</span> 5</small><br><span class="booleanL">Boolean Operators</span></p>
<p class="level newlevel" onclick="levelset(6)"><small><span class="levelL">Level</span> 6</small><br><span class="conditionalL">Conditional Statements</span> 2</p>
<p class="level newlevel" onclick="levelset(7)"><small><span class="levelL">Level</span> 7</small><br><span class="whileL">While Loops</span></p>
<p class="level newlevel" onclick="levelset(8)"><small><span class="levelL">Level</span> 8</small><br><span class="functionL">Functions</span></p>
</div>
</div>
<p id="message">Want to help write/improve/translate content? Contribute to our community document <a style="color:#d33682;font-weight:700" href="https://docs.google.com/spreadsheets/d/1idYojbGEkokyIW1DIwPTPPa-cx_JWHnhRSIdqsj5sFw/" target="_blank">here</a> :)</p>
<div id="game">
<p id="text"><span class="number">2</span> <span class="operator">+</span> <span class="number">5</span></p>
<input id="input" placeholder="Answer here..."></input>
<div id="buttons">
<button type="button" onclick="buttonize(this.textContent)" id="b0">1</button><button type="button" onclick="buttonize(this.textContent)" id="b1">2</button><button type="button" onclick="buttonize(this.textContent)" id="b2">3</button>
</div>
<table id="table">
<thead>
<tr>
<th class="tableop" id="operator">Operator</th>
<th class="tablefn" id="functionality">Functionality</th>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
<p id="trueP"></p>
<p id="falseP"></p>
<p onclick="next()" id="ent"></p>
</div>
</body>
</html>