scrimba
Awesome CSS effects
Arithmetic Trainer(2)
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Arithmetic Trainer(2)
AboutCommentsNotes
Arithmetic Trainer(2)
Expand for more info
index.html
run
preview
console
<html>
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="app">
<div class="choose-type">
<input type="radio" id="addition" name="arithmetic-type" value="1">
<label for="addition">addition</label>
<input type="radio" id="subtraction" name="arithmetic-type" value="2">
<label for="subtraction">subtraction</label>
<input type="radio" id="multiplication" name="arithmetic-type" value="3">
<label for="multiplication">multiplication</label>
<input type="radio" id="division" name="arithmetic-type" value="4">
<label for="division">division</label>
</div>
<div class="score">
<span>ROUND 15</span>
<span>SCORE 88%</span>
</div>
<div class="expression">
<span class="number">10</span>
<span class="operation">+</span>
<span class="number">20</span>
<span class="operation">=</span>
<span class="button show">?</span>
<span class="result">30</span>
</div>
<div class="judgment">
<span class="button right">✔</span>
<span class="button wrong">✘</span>
</div>
</div>
<script src="index.js"></script>
</body>
</html>
Console
index.html
-9:18