{"id":52719,"date":"2021-07-15T03:01:41","date_gmt":"2021-07-14T17:01:41","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=52719"},"modified":"2021-07-15T06:54:14","modified_gmt":"2021-07-14T20:54:14","slug":"htmljavascript-binaryoctalhexadecimal-game-buttons-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-binaryoctalhexadecimal-game-buttons-tutorial\/","title":{"rendered":"HTML\/Javascript Binary\/Octal\/Hexadecimal Game Buttons Tutorial"},"content":{"rendered":"
\"HTML\/Javascript<\/a>

HTML\/Javascript Binary\/Octal\/Hexadecimal Game Buttons Tutorial<\/p><\/div>\n

When you think about a makeover to a web application involving user interactive input, you could do a lot worse than concentrating on additional HTML (for us, input type=) button elements. Just about everybody understands the concept of a “button press” means “action”. In that way, if the way the rest of the web application confuses, buttons often break through that confusion.<\/p>\n

And so, in this context, we had occasion to revisit the game web application of HTML\/Javascript Binary\/Octal\/Hexadecimal Game Tutorial<\/a> written way back in December 2014, and felt that confusion we’d summarize (in “weakness terms”) as …<\/p>\n

\nNot enough reward for effort.\n<\/p><\/blockquote>\n

… it panning out that “the reward” was an offer to “replay” the Binary\/Octal\/Hexadecimal Game for another go where you improve on the time it took you to solve the five questions, correctly, in the previous game.<\/p>\n

On this “small makeover” we decided not to “roll over” on these lofty sparse rewards, as we think the effort here will help understanding, but the introduction of buttons helps create interest “on the trip” of the game, we think.<\/p>\n

The game has five questions of two types …<\/p>\n

    \n
  1. known decimal number for a set of known and unknown dropdown (ie. select) element digit of base 2 (binary) or 8 (octal) or 16 (hexidecimal) numbers<\/li>\n
  2. unknown decimal number for a set of known dropdown (ie. select) element digit of base 2 (binary) or 8 (octal) or 16 (hexidecimal) numbers<\/li>\n<\/ol>\n

    … and the five corresponding buttons act to, respectively …<\/p>\n

      \n
    1. offer a question mark button the pressing of which uses a Javascript prompt window to prompt for the user’s decimal number guess<\/li>\n
    2. fill in result (HTML div) with a cross emoji for incorrect and tick emoji for correct correspondence<\/li>\n<\/ol>\n

      … resulting, we think, in the sense that there is a feeling of progression within the set of five questions, along the way. That is what we think, but perhaps you have your own opinion about this changed<\/a> binary_quiz.htm<\/a> HTML and Javascript numbers game<\/a> …<\/p>\n