1- <!DOCTYPE html> < html lang ="en "> < head > < meta charset ="utf-8 "> < meta name ="viewport "content ="width=device-width,initial-scale=1,user-scalable=0 "> < title > Boolean Expression Evaluator</ title > < link rel ="icon shortcut "type ="image/x-icon "href ="/favicon.09aa0899.ico "> < link href ="/index.8521b4c0.css "rel ="stylesheet "> < link href ="/index.73034395.css "rel ="stylesheet "> < link href ="/bee/index.b9a9bb8d.css "rel ="stylesheet "> </ head > < body class ="page-bee "> < div class ="navbar navbar-inverse "> < div class ="navbar-inner "> < div class ="container "> < div class ="collapse nav-collapse "> < a class ="brand "href ="/ "> < span class ="logo "> </ span > </ a > < ul class ="flex flex-wrap nav "> < li > < a href ="/ "> < i class ="icon-newspaper "> </ i > < span > Home</ span > </ a > </ li > < li > < a href ="/igpc/ "> < i class ="icon-power-cord "> </ i > < span > igpc</ span > </ a > </ li > < li class ="hidden md:list-item "> < a href ="/lightbot/ "> < i class ="icon-power-cord "> </ i > < span > Lightbot</ span > </ a > </ li > < li class ="hidden md:list-item "> < a href ="https://cs.coursemo.com/cs0478-book/getting-started.html "> < i class ="icon-arrow-right "> </ i > < span > Getting Started</ span > </ a > </ li > </ ul > </ div > </ div > </ div > </ div > < div class ="main s-mini-container "> < div class ="container mx-auto "> < div class ="main-content "> < div class ="title-header "> < span class ="tag-line "> Boolean Expression Evaluator</ span > </ div > < h2 > Input boolean expression and click 'Eval' button</ h2 > < div > < div class ="flex input-group "> < input id ="bee-expr "type ="text "class ="border border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 inline-block rounded-l-md sm:text-sm "placeholder ="e.g. (A AND NOT B) OR (NOT A AND B) "> < button id ="bee-eval-btn "class ="bg-indigo-600 border border-l-0 border-transparent font-medium hover:bg-indigo-700 inline-block px-4 py-2 rounded-r-md shadow-sm text-sm text-white "> Eval</ button > </ div > < blockquote class ="info mt-3 "> < b > Inputs</ b > must be single uppercase character, e.g. A, B, C.< br > Currently supported logical operators:< code > OR</ code > ,< code > AND</ code > ,< code > NOT</ code > ,< code > XOR</ code > </ blockquote > < div id ="bee-error-wrap "class ="hidden mt-3 relative "> < span id ="bee-error-close-icon "class ="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3 "> X</ span > < pre id ="bee-error "class ="text-red-500 "> </ pre > </ div > < p class ="font-bold mt-3 "> Truth table:</ p > < div id ="the-truth-table "> </ div > </ div > </ div > </ div > </ div > < div class ="s-mini-container "> < footer class ="footer "> < div class ="inner "> < div class ="container mx-auto "> < div class ="footer-main "> < ul class ="flex flex-row justify-end "> < li class ="social "> < a href ="https://github.com/igcompsci "title ="igcompsci on GitHub "> < span class ="icon-github "> </ span > </ a > </ li > < li > < a href ="https://www.coursemo.com/ "title ="COURSEMO "> < img src ="/coursemo-logo.a5d1cfae.png "alt ="COURSEMO "width ="150 "height ="20 "class ="inline-block "> </ a > </ li > </ ul > </ div > </ div > </ div > </ footer > </ div > </ body > < script src ="//cs.coursemo.com/static/libs/bee.umd.min.js?v=0.0.1 "> </ script > < script src ="/bee/index.60390017.js "> </ script > </ html >
1+ <!DOCTYPE html> < html lang ="en "> < head > < meta charset ="utf-8 "> < meta name ="viewport "content ="width=device-width,initial-scale=1,user-scalable=0 "> < title > Boolean Expression Evaluator</ title > < link rel ="icon shortcut "type ="image/x-icon "href ="/favicon.09aa0899.ico "> < link href ="/index.8521b4c0.css "rel ="stylesheet "> < link href ="/index.73034395.css "rel ="stylesheet "> < link href ="/bee/index.b9a9bb8d.css "rel ="stylesheet "> </ head > < body class ="page-bee "> < div class ="navbar navbar-inverse "> < div class ="navbar-inner "> < div class ="container "> < div class ="collapse nav-collapse "> < a class ="brand "href ="/ "> < span class ="logo "> </ span > </ a > < ul class ="flex flex-wrap nav "> < li > < a href ="/ "> < i class ="icon-newspaper "> </ i > < span > Home</ span > </ a > </ li > < li > < a href ="/igpc/ "> < i class ="icon-power-cord "> </ i > < span > igpc</ span > </ a > </ li > < li class ="hidden md:list-item "> < a href ="/lightbot/ "> < i class ="icon-power-cord "> </ i > < span > Lightbot</ span > </ a > </ li > < li class ="hidden md:list-item "> < a href ="https://cs.coursemo.com/cs0478-book/getting-started.html "> < i class ="icon-arrow-right "> </ i > < span > Getting Started</ span > </ a > </ li > </ ul > </ div > </ div > </ div > </ div > < div class ="main s-mini-container "> < div class ="container mx-auto "> < div class ="main-content "> < div class ="title-header "> < span class ="tag-line "> Boolean Expression Evaluator</ span > </ div > < h2 > Input boolean expression and click 'Eval' button</ h2 > < div > < div class ="flex input-group "> < input id ="bee-expr "type ="text "class ="border border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 inline-block rounded-l-md sm:text-sm "placeholder ="e.g. (A AND NOT B) OR (NOT A AND B) "> < button id ="bee-eval-btn "class ="bg-indigo-600 border border-l-0 border-transparent font-medium hover:bg-indigo-700 inline-block px-4 py-2 rounded-r-md shadow-sm text-sm text-white "> Eval</ button > </ div > < blockquote class ="info mt-3 "> < b > Inputs</ b > must be single uppercase character, e.g. A, B, C.< br > Currently supported logical operators:< code > OR</ code > ,< code > AND</ code > ,< code > NOT</ code > ,< code > XOR</ code > ,< code > NAND</ code > ,< code > NOR</ code > </ blockquote > < div id ="bee-error-wrap "class ="hidden mt-3 relative "> < span id ="bee-error-close-icon "class ="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3 "> X</ span > < pre id ="bee-error "class ="text-red-500 "> </ pre > </ div > < p class ="font-bold mt-3 "> Truth table:</ p > < div id ="the-truth-table "> </ div > </ div > </ div > </ div > </ div > < div class ="s-mini-container "> < footer class ="footer "> < div class ="inner "> < div class ="container mx-auto "> < div class ="footer-main "> < ul class ="flex flex-row justify-end "> < li class ="social "> < a href ="https://github.com/igcompsci "title ="igcompsci on GitHub "> < span class ="icon-github "> </ span > </ a > </ li > < li > < a href ="https://www.coursemo.com/ "title ="COURSEMO "> < img src ="/coursemo-logo.a5d1cfae.png "alt ="COURSEMO "width ="150 "height ="20 "class ="inline-block "> </ a > </ li > </ ul > </ div > </ div > </ div > </ footer > </ div > </ body > < script src ="//cs.coursemo.com/static/libs/bee.umd.min.js?v=0.0.2 "> </ script > < script src ="/bee/index.60390017.js "> </ script > </ html >