{"id":1042,"date":"2020-05-14T20:27:13","date_gmt":"2020-05-14T20:27:13","guid":{"rendered":"https:\/\/computerscienced.co.uk\/site\/?page_id=1042"},"modified":"2022-01-11T22:24:18","modified_gmt":"2022-01-11T22:24:18","slug":"binary-addition-8-digits","status":"publish","type":"page","link":"https:\/\/computerscienced.co.uk\/site\/binary\/binary-addition\/binary-addition-8-digits\/","title":{"rendered":"Binary addition 8 digits"},"content":{"rendered":"\n<body onload=\"displaybinary()\">\n<style>\n#myDIV {\n  width: 100%;\n  padding: 5px 0;\n  text-align: left;\n  background-color: green;\n  color: white;\n  margin-top: 5px;\ndisplay: none;\n}\n#myDIVwrong {\n  width: 100%;\n  padding: 5px 0;\n  text-align: left;\n  background-color: red;\n  color: white;\n  margin-top: 5px;\ndisplay: none;\n}\n#myDIVhelp {\n  width: 100%;\n  padding: 5px 0;\n  text-align: left;\n  background-color: #0693e3;\n  color: white;\n  margin-top: 5px;\ndisplay: none;\n}\n.tg  {border-collapse:collapse;border-spacing:0;}\n.tg td{font-family:Arial, sans-serif;font-size:18px;padding:20px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}\n.tg th{font-family:Arial, sans-serif;font-size:18px;font-weight:normal;padding:20px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}\n.tg .tg-1wig{font-weight:bold;background-color:#9b9b9b;text-align:left;vertical-align:top}\n.tg .tg-0lax{text-align:left;vertical-align:top}\n<\/style>\n<script>\nfunction myFunction() {\nvar userInput9 = document.getElementById(\"textInput9\").value;\nvar userInput8 = document.getElementById(\"textInput8\").value;\nvar userInput7 = document.getElementById(\"textInput7\").value;\nvar userInput6 = document.getElementById(\"textInput6\").value;\nvar userInput5 = document.getElementById(\"textInput5\").value;\nvar userInput4 = document.getElementById(\"textInput4\").value; \nvar userInput3 = document.getElementById(\"textInput3\").value;\nvar userInput2 = document.getElementById(\"textInput2\").value;\nvar userInput1 = document.getElementById(\"textInput1\").value;\n\/\/total1 = binary1+binary2;\nif (binary1+binary21 == 2){\n   var total1 = 0;\n   var carry1 = 1;\n}else if (binary1+binary21 ==1){\n    var total1 =1;\n    var carry1 = 0;\n}else{\n    var total1 =0;\n    var carry1 =0;\n}\n\nif (binary2+binary22+carry1 == 3){\n   var total2 = 1;\n   var carry2 = 1;\n}else if (binary2+binary22+carry1 ==2){\n    var total2 =0;\n    var carry2 = 1;\n}else if (binary2+binary22+carry1 ==1){\n    var total2=1;\n    var carry2 =0;\n}else{\n    var total2 =0;\n    var carry2 =0;\n}\n    \nif (binary3+binary23+carry2 == 3){\n   var total3 = 1;\n   var carry3 = 1;\n}else if (binary3+binary23+carry2 ==2){\n    var total3 =0;\n    var carry3 = 1;\n}else if (binary3+binary23+carry2 ==1){\n    var total3=1;\n    var carry3 =0;\n}else{\n    var total3 =0;\n    var carry3 =0;\n}\n\nif (binary4+binary24+carry3 == 3){\n   var total4 = 1;\n   var carry4 = 1;\n}else if (binary4+binary24+carry3 ==2){\n    var total4 =0;\n    var carry4 = 1;\n}else if (binary4+binary24+carry3 ==1){\n    var total4=1;\n    var carry4 =0;\n}else{\n    var total4 =0;\n    var carry4 =0;\n}\nif (binary5+binary25+carry4 == 3){\n   var total5 = 1;\n   var carry5 = 1;\n}else if (binary5+binary25+carry4 ==2){\n    var total5 =0;\n    var carry5 = 1;\n}else if (binary5+binary25+carry4 ==1){\n    var total5=1;\n    var carry5 =0;\n}else{\n    var total5 =0;\n    var carry5 =0;\n}\nif (binary6+binary26+carry5 == 3){\n   var total6 = 1;\n   var carry6 = 1;\n}else if (binary6+binary26+carry5 ==2){\n    var total6 =0;\n    var carry6 = 1;\n}else if (binary6+binary26+carry5 ==1){\n    var total6=1;\n    var carry6 =0;\n}else{\n    var total6 =0;\n    var carry6 =0;\n}\n    \nif (binary7+binary27+carry6 == 3){\n   var total7 = 1;\n   var carry7 = 1;\n}else if (binary7+binary27+carry6 ==2){\n    var total7 =0;\n    var carry7 = 1;\n}else if (binary7+binary27+carry6 ==1){\n    var total7=1;\n    var carry7 =0;\n}else{\n    var total7 =0;\n    var carry7 =0;\n}\n\nif (binary8+binary28+carry7 == 3){\n   var total8 = 1;\n   var carry8 = 1;\n}else if (binary8+binary28+carry7 ==2){\n    var total8 =0;\n    var carry8 = 1;\n}else if (binary8+binary28+carry7 ==1){\n    var total8=1;\n    var carry8 =0;\n}else{\n    var total8 =0;\n    var carry8 =0;\n}\n\nif (carry8 == 1){\n    var total9 = 1;\n}else{\n    var total9 = \"\";\n}\n\nif (userInput9 == total9){\n    if (userInput8 == total8){\n        if (userInput7 == total7){\n            if (userInput6 == total6){\n                if (userInput5 == total5){\n                    if (userInput4 == total4){\n                        if (userInput3 == total3){\n                            if (userInput2 == total2){\n                                if (userInput1 == total1){\n                  var x = document.getElementById(\"myDIV\");\n                  x.style.display = \"block\";  \n                }else{\n                 var y = document.getElementById(\"myDIVwrong\");\n                 y.style.display = \"block\";\n                }\n            }else{\n               var y = document.getElementById(\"myDIVwrong\");\n                 y.style.display = \"block\"; \n            }\n        }else{\n            var y = document.getElementById(\"myDIVwrong\");\n                 y.style.display = \"block\";\n        }\n    }else{\n        var y = document.getElementById(\"myDIVwrong\");\n                 y.style.display = \"block\";\n    }\n}else{\n    var y = document.getElementById(\"myDIVwrong\");\n                 y.style.display = \"block\";\n}\n}else{\n    var y = document.getElementById(\"myDIVwrong\");\n                 y.style.display = \"block\";\n}\n}else{\n    var y = document.getElementById(\"myDIVwrong\");\n                 y.style.display = \"block\";\n}\n}else{\n    var y = document.getElementById(\"myDIVwrong\");\n                 y.style.display = \"block\";\n}\n}\n\ndocument.getElementById(\"answerdisplay\").innerHTML = total9 +\" \"+total8 +\" \"+total7 +\" \"+total6 +\" \"+total5 +\" \"+ total4+\" \"+ total3+\" \"+ total2+\" \"+ total1;\ndocument.getElementById(\"answerdisplay2\").innerHTML = total9 +\" \"+total8 +\" \"+total7 +\" \"+total6 +\" \"+total5 +\" \"+ total4+\" \"+ total3+\" \"+ total2+\" \"+ total1;\n\/\/total = (binary1*8) + (binary2*4) + (binary3*2) + (binary4*1);\n\/\/if (userInput == total1) {\n  \/\/var x = document.getElementById(\"myDIV\");\n  \/\/if (x.style.display === \"block\") {\n  \/\/  x.style.display = \"none\";\n  \/\/} else {\n   \/\/ x.style.display = \"block\";\n  \/\/}\n\/\/answer()\n\/\/}else {\n\/\/var y = document.getElementById(\"myDIVwrong\");\n \/\/ if (y.style.display === \"block\") {\n  \/\/  y.style.display = \"none\";\n  \/\/} else {\n  \/\/  y.style.display = \"block\";\n \/\/ }\n\/\/answer()\n\/\/}\n}\nfunction displaybinary() {\nvar x = document.getElementById(\"myDIV\");\n    x.style.display = \"none\";\nvar y = document.getElementById(\"myDIVwrong\");\n    y.style.display = \"none\";\nvar z = document.getElementById(\"myDIVhelp\");\n    z.style.display = \"none\";\n\n\/\/clear any existing numbers from the answer text boxes\ndocument.getElementById(\"textInput9\").value='';\ndocument.getElementById(\"textInput8\").value='';\ndocument.getElementById(\"textInput7\").value='';\ndocument.getElementById(\"textInput6\").value='';\ndocument.getElementById(\"textInput5\").value='';\ndocument.getElementById(\"textInput4\").value=''; \ndocument.getElementById(\"textInput3\").value='';\ndocument.getElementById(\"textInput2\").value='';\ndocument.getElementById(\"textInput1\").value='';\n\nbinary1 = Math.floor(Math.random() * 2);\nbinary2 = Math.floor(Math.random() * 2);\nbinary3 = Math.floor(Math.random() * 2);\nbinary4 = Math.floor(Math.random() * 2);\nbinary5 = Math.floor(Math.random() * 2);\nbinary6 = Math.floor(Math.random() * 2);\nbinary7 = Math.floor(Math.random() * 2);\nbinary8 = Math.floor(Math.random() * 2);\nbinary21 = Math.floor(Math.random() * 2);\nbinary22 = Math.floor(Math.random() * 2);\nbinary23 = Math.floor(Math.random() * 2);\nbinary24 = Math.floor(Math.random() * 2);\nbinary25 = Math.floor(Math.random() * 2);\nbinary26 = Math.floor(Math.random() * 2);\nbinary27 = Math.floor(Math.random() * 2);\nbinary28 = Math.floor(Math.random() * 2);\n    \ndocument.getElementById(\"myText\").innerHTML = \"<input type='text' id='textInput100' value = ' ' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary8 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary7 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary6 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary5 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary4 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary3 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary2 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary1 +\"' +' maxlength = '1' style='width: 50px;' readonly \/>\";\n\n\ndocument.getElementById(\"myText2\").innerHTML = \"<input type='text' id='textInput100' value = '+' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary28 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary27 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary26 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary25 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary24 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary23 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary22 +\"' +' maxlength = '1' style='width: 50px;' readonly \/><input type='text' id='textInput100' value = '\"+ binary21 +\"' +' maxlength = '1' style='width: 50px;' readonly \/>\";\n}\n\/\/function answer() {\n\/\/total = (binary1*8) + (binary2*4) + (binary3*2) + (binary4*1);\n\/\/document.getElementById(\"answerdisplay\").innerHTML = total;\n\/\/.getElementById(\"answerdisplay2\").innerHTML = total;\n\/\/}\nfunction help() {\nvar z = document.getElementById(\"myDIVhelp\");\n  if (z.style.display === \"block\") {\n    z.style.display = \"none\";\n  } else {\n    z.style.display = \"block\";\n  }\n}\nfunction moveOnMax(field,nextFieldID){\n  if(field.value.length >= field.maxLength){\n    document.getElementById(nextFieldID).focus();\n  }\n}\n<\/script>\n<div id=\"myDIVhelp\" onclick=\"help()\">\n<h2>How do I add binary digits together?<\/h2>\nBinary addition is straight forward \u2013 all we need to do is follow these simple rules:<br>\n0 + 0 = 0<br>\n1 + 0 = 1<br>\n0 + 1 = 1<br>\n1 + 1 = 10<br>\n1 + 1 + 1 = 11<br>\nBinary addition is often done in multiple columns, and we always start with the column on the right and move to the next column on the left.  <br>\n<style type=\"text\/css\">\n.tg  {border-collapse:collapse;border-spacing:0;}\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg .tg-abx8{background-color:#c0c0c0;font-weight:bold;text-align:left;vertical-align:top}\n.tg .tg-1wig{font-weight:bold;text-align:left;vertical-align:top}\n.tg .tg-0lax{text-align:left;vertical-align:top}\n<\/style>\n<table class=\"tg\">\n<thead>\n  <tr>\n    <th class=\"tg-0lax\"><\/th>\n    <th class=\"tg-0lax\">1<\/th>\n    <th class=\"tg-0lax\">0<\/th>\n  <\/tr>\n<\/thead>\n<tbody>\n  <tr>\n    <td class=\"tg-1wig\">+<\/td>\n    <td class=\"tg-0lax\">0<\/td>\n    <td class=\"tg-0lax\">1<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-abx8\">=<\/td>\n    <td class=\"tg-abx8\">1<\/td>\n    <td class=\"tg-abx8\">1<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-0lax\">Explanation<\/td>\n    <td class=\"tg-0lax\">(1+0=1)<\/td>\n    <td class=\"tg-0lax\">(0+1=1)<\/td>\n  <\/tr>\n<\/tbody>\n<\/table>\n<br>\nIf we get a 1 + 1 our rules state, we get 10.  We should carry the 1 over to the column on the left and include this when adding up the next column.  The 0 will stay in the current column.  <br>\n<b>Example<\/b><br>\n<style type=\"text\/css\">\n.tg  {border-collapse:collapse;border-spacing:0;}\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg .tg-abx8{background-color:#c0c0c0;font-weight:bold;text-align:left;vertical-align:top}\n.tg .tg-1wig{font-weight:bold;text-align:left;vertical-align:top}\n.tg .tg-0lax{text-align:left;vertical-align:top}\n<\/style>\n<table class=\"tg\">\n<thead>\n  <tr>\n    <th class=\"tg-0lax\"><\/th>\n    <th class=\"tg-0lax\">0<\/th>\n    <th class=\"tg-0lax\">1<\/th>\n  <\/tr>\n<\/thead>\n<tbody>\n  <tr>\n    <td class=\"tg-0lax\">+<\/td>\n    <td class=\"tg-0lax\">0<\/td>\n    <td class=\"tg-0lax\">1<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-abx8\">=<\/td>\n    <td class=\"tg-abx8\">1<\/td>\n    <td class=\"tg-abx8\">0<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-0lax\"><span style=\"font-weight:bold\">Carry<\/span><\/td>\n    <td class=\"tg-0lax\">1<\/td>\n    <td class=\"tg-0lax\"><\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-1wig\">Explanation<\/td>\n    <td class=\"tg-0lax\">(0 + 0 + 1 = 1 the 1 is our carry from the column on the right)<\/td>\n    <td class=\"tg-0lax\">(1 + 1 = 10 the 1 is carried to the next column and the 0 is placed in the current column)<\/td>\n  <\/tr>\n<\/tbody>\n<\/table>\n<br>\n<b>Example 2<\/b><br>\n<style type=\"text\/css\">\n.tg  {border-collapse:collapse;border-spacing:0;}\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}\n.tg .tg-6e8n{background-color:#c0c0c0;border-color:inherit;font-weight:bold;text-align:left;vertical-align:top}\n.tg .tg-pu0z{background-color:#9b9b9b;border-color:inherit;font-weight:bold;text-align:left;vertical-align:top}\n.tg .tg-fymr{border-color:inherit;font-weight:bold;text-align:left;vertical-align:top}\n<\/style>\n<table class=\"tg\">\n<thead>\n  <tr>\n    <th class=\"tg-0pky\"><\/th>\n    <th class=\"tg-0pky\"><\/th>\n    <th class=\"tg-0pky\">1<\/th>\n    <th class=\"tg-0pky\">1<\/th>\n  <\/tr>\n<\/thead>\n<tbody>\n  <tr>\n    <td class=\"tg-0pky\">+<\/td>\n    <td class=\"tg-0pky\"><\/td>\n    <td class=\"tg-0pky\">0<\/td>\n    <td class=\"tg-0pky\">1<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-6e8n\">=<\/td>\n    <td class=\"tg-pu0z\">1<\/td>\n    <td class=\"tg-6e8n\">0<\/td>\n    <td class=\"tg-6e8n\">0<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-0pky\"><span style=\"font-weight:bold\">Carry<\/span><\/td>\n    <td class=\"tg-0pky\"><span style=\"font-weight:bold\">1<\/span><\/td>\n    <td class=\"tg-0pky\">1<\/td>\n    <td class=\"tg-0pky\"><\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-fymr\">Explanation<\/td>\n    <td class=\"tg-0pky\"><\/td>\n    <td class=\"tg-0pky\">(1 + 0 + 1 = 10 the 1 is carried to the next column on the left and the 0 is placed in the current column)<\/td>\n    <td class=\"tg-0pky\">(1 + 1 = 10 the 1 is carried to the next column on the left and the 0 is placed in the current column)<\/td>\n  <\/tr>\n<\/tbody>\n<\/table>\n<br>\nIf we get a 1 + 1 + 1 (because of a carry) our rules state we get 11.  We should carry the 1 over to the column on the left and include this when adding up the next column.  The 1 will stay in the current column.  <br>\n<b>Example<\/b><br>\n<style type=\"text\/css\">\n.tg  {border-collapse:collapse;border-spacing:0;}\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}\n.tg .tg-6e8n{background-color:#c0c0c0;border-color:inherit;font-weight:bold;text-align:left;vertical-align:top}\n.tg .tg-pu0z{background-color:#9b9b9b;border-color:inherit;font-weight:bold;text-align:left;vertical-align:top}\n.tg .tg-fymr{border-color:inherit;font-weight:bold;text-align:left;vertical-align:top}\n<\/style>\n<table class=\"tg\">\n<thead>\n  <tr>\n    <th class=\"tg-0pky\"><\/th>\n    <th class=\"tg-0pky\"><\/th>\n    <th class=\"tg-0pky\">1<\/th>\n    <th class=\"tg-0pky\">1<\/th>\n  <\/tr>\n<\/thead>\n<tbody>\n  <tr>\n    <td class=\"tg-0pky\">+<\/td>\n    <td class=\"tg-0pky\"><\/td>\n    <td class=\"tg-0pky\">1<\/td>\n    <td class=\"tg-0pky\">1<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-6e8n\">=<\/td>\n    <td class=\"tg-pu0z\">1<\/td>\n    <td class=\"tg-6e8n\">1<\/td>\n    <td class=\"tg-6e8n\">0<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-0pky\"><span style=\"font-weight:bold\">Carry<\/span><\/td>\n    <td class=\"tg-0pky\"><span style=\"font-weight:bold\">1<\/span><\/td>\n    <td class=\"tg-0pky\">1<\/td>\n    <td class=\"tg-0pky\"><\/td>\n  <\/tr>\n  <tr>\n    <td class=\"tg-fymr\">Explanation<\/td>\n    <td class=\"tg-0pky\"><\/td>\n    <td class=\"tg-0pky\">(1 + 1 + 1 = 11 the 1 is carried to the next column on the left and the 1 is placed in the current column)<\/td>\n    <td class=\"tg-0pky\">(1 + 1 = 10 the 1 is carried to the next column on the left and the 0 is placed in the current column)<\/td>\n  <\/tr>\n<\/tbody>\n<\/table>\n\n<\/div>\n<p>Add the following 8 digit binary numbers together:<\/p>\n<h3><span id=\"myText\"><\/span><\/h3>\n<h3><span id=\"myText2\"><\/span><\/h3>\n<p><input type=\"text\" id=\"textInput9\" onfocus=\"this.value=''\" maxlength=\"1\" style=\"width: 50px;border-width:3px;border-color:#000;\"><input type=\"text\" id=\"textInput8\" onfocus=\"this.value=''\" maxlength=\"1\" style=\"width: 50px;border-width:3px;border-color:#000;\" onkeyup=\"moveOnMax(this,'textInput9')\"><input type=\"text\" id=\"textInput7\" onfocus=\"this.value=''\" maxlength=\"1\" style=\"width: 50px;border-width:3px;border-color:#000;\" onkeyup=\"moveOnMax(this,'textInput8')\"><input type=\"text\" id=\"textInput6\" onfocus=\"this.value=''\" maxlength=\"1\" style=\"width: 50px;border-width:3px;border-color:#000;\" onkeyup=\"moveOnMax(this,'textInput7')\"><input type=\"text\" id=\"textInput5\" onfocus=\"this.value=''\" maxlength=\"1\" style=\"width: 50px;border-width:3px;border-color:#000;\" onkeyup=\"moveOnMax(this,'textInput6')\"><input type=\"text\" id=\"textInput4\" onfocus=\"this.value=''\" maxlength=\"1\" style=\"width: 50px;border-width:3px;border-color:#000;\" onkeyup=\"moveOnMax(this,'textInput5')\"><input type=\"text\" id=\"textInput3\" onfocus=\"this.value=''\" maxlength=\"1\" style=\"width: 50px;border-width:3px;border-color:#000;\" onkeyup=\"moveOnMax(this,'textInput4')\"><input type=\"text\" id=\"textInput2\" onfocus=\"this.value=''\" maxlength=\"1\" style=\"width: 50px;border-width:3px;border-color:#000;\" onkeyup=\"moveOnMax(this,'textInput3')\"><input type=\"text\" id=\"textInput1\" onfocus=\"this.value=''\" maxlength=\"1\" style=\"width: 50px;border-width:3px;border-color:#000;\" onkeyup=\"moveOnMax(this,'textInput2')\"><b>=<\/b><\/p>\n<button onclick=\"myFunction()\">Submit your answer<\/button>\n<button onclick=\"displaybinary()\">Click to test again<\/button>\n<button onclick=\"help()\">Help<\/button>\n<div id=\"myDIV\">\n<h3>That is right!<\/h3>\n<h4>The right answer is <span id=\"answerdisplay\"><\/span><\/h4>\n<\/div>\n<div id=\"myDIVwrong\">\n<h3>That is not correct<\/h3>\n<h4>The right answer is <span id=\"answerdisplay2\"><\/span><\/h4>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>How do I add binary digits together? Binary addition is straight forward \u2013 all we need to do is follow&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2740,"parent":1039,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"disable_featured_image":true,"footnotes":""},"class_list":["post-1042","page","type-page","status-publish","has-post-thumbnail","hentry"],"blog_post_layout_featured_media_urls":{"thumbnail":["https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2021\/10\/undraw_exams_g4ow-1.svg",150,150,true],"full":["https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2021\/10\/undraw_exams_g4ow-1.svg",982,803,false]},"categories_names":null,"comments_number":"0","_links":{"self":[{"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/pages\/1042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/comments?post=1042"}],"version-history":[{"count":17,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/pages\/1042\/revisions"}],"predecessor-version":[{"id":3531,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/pages\/1042\/revisions\/3531"}],"up":[{"embeddable":true,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/pages\/1039"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/media\/2740"}],"wp:attachment":[{"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/media?parent=1042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}