forked from r0nk/simplecpu
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Binary.html
63 lines (61 loc) · 2.29 KB
/
Binary.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
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<html>
<body>
<div class="wrap">
<ul>
<li><a href="Binary.html"><b>SimpleCPU.com</b></a> </li>
<li><a href="about.html">about</a></li>
</ul><br>
<div class="content">
Let's dive right into the magical land of data.<br>
<br>
What's the symbol for five? <b>5</b><br>
What's the symbol for ten? <b>10</b><br>
<br>
But wait, isn't that the symbol for one and zero?<br>
<br>
Right, so in our numbering system, when we get to the number ten, we write the symbol
for one and zero. There is no symbol for ten, we simply recycle the ones we already have.
Because of this we call our numbering system "base-ten", or "decimal".<br>
<br>
"<span style="color: #008800">Ones</span> and <span style="color: #AA0000">zeros</span>",
"<span style="color: #008800">true</span> and <span style="color: #AA0000">false</span>",
and "<span style="color: #008800">on</span> or <span style="color: #AA0000">off</span>"
are all terms you have probably heard before. What these are all referring to is a
<i>different</i> kind of numbering system. For our decimal system, we write a '10' when we
get to ten, but for binary, we write a '10' when we get to two. There is no symbol for two
in binary, exactly how there is no symbol for ten in decimal.
"<span style="color: #008800">On</span>" or "<span style="color: #AA0000">off</span>"
simply refers to
'<span style="color: #008800">1</span>' or '<span style="color: #AA0000">0</span>'
in binary.<br>
<br>
Just to be sure you understand binary, try clicking the binary counter here:<br>
<br>
</div>
<canvas id="binaryInc" width="250" height="170"
style="border:1px solid #DDDDDD" ></canvas>
<script src="binaryInc.js"></script><br>
<br>
<div class="center">
1/8
<a href="NAND.html">
<img src="Right.png" alt="next>" style="width:50px;height:80px;" align="middle">
</a>
</div>
<br>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-55886101-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>