{"id":21142,"date":"2022-11-18T10:53:25","date_gmt":"2022-11-18T05:23:25","guid":{"rendered":"https:\/\/copyassignment.com\/?p=21142"},"modified":"2022-11-19T18:18:26","modified_gmt":"2022-11-19T12:48:26","slug":"number-guessing-game-in-javascript","status":"publish","type":"post","link":"https:\/\/copyassignment.com\/number-guessing-game-in-javascript\/","title":{"rendered":"Number Guessing Game in JavaScript"},"content":{"rendered":"\n<p>Today, we will make a simple Number Guessing Game in JavaScript, where a random number will be generated and the human\/player will make a guess. At the end of the 10th round, the player or computer with more correct guesses wins the game. The user can then restart the game if they wish to play again.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Requirements<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Code Editor (VS Code Preferred)<\/li>\n\n\n\n<li>Chromium Browser (Chrome Preferred)<\/li>\n\n\n\n<li>Basic Knowledge of HTML, CSS, Javascript, and Bootstrap<\/li>\n<\/ul>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Showing basic numbers from 1 to 10<\/li>\n\n\n\n<li>Playing against the computer<\/li>\n\n\n\n<li>The game will continue for 10 rounds<\/li>\n\n\n\n<li>The player with more right guesses wins the round<\/li>\n\n\n\n<li>Restarting the game once finished<\/li>\n<\/ul>\n\n\n\n<div style=\"text-align:center\" class=\"wp-block-atomic-blocks-ab-button ab-block-button\"><a href=\"https:\/\/copy-assignment.github.io\/Number-Guessing-Game-in-JavaScript\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ab-button ab-button-shape-rounded ab-button-size-medium\" style=\"color:#ffffff;background-color:#3373dc\">Click to check live preview of Number Guessing Game in JavaScript<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Folder Structure<\/h2>\n\n\n\n<p>We will be using HTML, BootStrap, and JavaScript for developing&nbsp;a Number Guessing Game in JavaScript. Check out this image for the folder structure of our project.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" data-src=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-103054.jpg\" alt=\"folder structure\" class=\"wp-image-21167 lazyload\" width=\"349\" height=\"117\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 349px; --smush-placeholder-aspect-ratio: 349\/117;\" \/><\/figure>\n\n\n\n<p><strong>index.html contains our Html code.<\/strong><\/p>\n\n\n\n<p><strong>bootstrap has been used to style our web page.<\/strong><\/p>\n\n\n\n<p><strong>main.js contains all the logic.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Coding the Number Guessing Game in JavaScript<\/h2>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-9886351916045880\" data-ad-slot=\"2002566052\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<p>First, we will create some variables to store the scores and round no of the game<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let computerScore = 0;\nlet playerScore = 0;\nlet roundNumber = 1;<\/code><\/pre>\n\n\n\n<p>To generate a random number first we will use the random library that is inbuilt into the javascript<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function generateRandomNumber() {\n  return Math.floor(Math.random() * 10) + 1;\n}\n<\/code><\/pre>\n\n\n\n<p>To write further logic we created a function called <code>computerPlay()<\/code>, this function will check the values guessed by the computer and the player. If the player guess is equal to the computer guess, we will increase the player score else we will increase the computer score. We will be using dom-manipulation to change the rendered in the webpage.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function computerPlay(number) {\n    const crandomNumber = generateRandomNumber();\n    if (crandomNumber == number) {\n        playerScore++;\n    } else {\n        computerScore++;\n    }\n    document.getElementById(\"computerScore\").innerHTML = computerScore;\n    document.getElementById(\"playerScore\").innerHTML = playerScore;\n}<\/code><\/pre>\n\n\n\n<p>To reset the game, we will change all the values back to their initial phase<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function reset() {\n  computerScore = 0;\n  playerScore = 0;\n  roundNumber = 1;\n  document.getElementById(\"computerScore\").innerHTML = computerScore;\n  document.getElementById(\"playerScore\").innerHTML = playerScore;\n  document.getElementById(\"round\").innerHTML = roundNumber;\n  document.getElementById(\"optionButtons\").style.display = \"flex\";\n  document.getElementById(\"result\").innerHTML = \"\";<\/code><\/pre>\n\n\n\n<p>This is the driver function to play Number Guessing Game in JavaScript, this function runs every time a player clicks any number from 1 to 10. There are 10 rounds available for a user to play means a user guesses 10 times and if the clicks then the final score displays with an option to restart the game.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function playGame(number) {\n    computerPlay(number);\n    roundNumber++;\n    randomNumber = generateRandomNumber();\n    if (roundNumber != 11) {\n        document.getElementById(\"round\").innerHTML = roundNumber;\n    }\n    if (roundNumber == 11) {\n        if (computerScore &gt; playerScore) {\n            document.getElementById(\"result\").innerHTML = \"Computer won the game\";\n        } else if (computerScore &lt; playerScore) {\n            document.getElementById(\"result\").innerHTML = \"Player won the game\";\n        } else {\n            document.getElementById(\"result\").innerHTML = \"Game is draw\";\n        }\n        document.getElementById(\"optionButtons\").style.display = \"none\";\n    }\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:22px\">HTML code:<\/h3>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-9886351916045880\" data-ad-slot=\"2002566052\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<p>The whole code for the UI in the index.html file is here, we used bootstrap to do the styling of the website so there is no need for an additional CSS file<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n  &lt;head&gt;\n    &lt;meta charset=\"UTF-8\" \/&gt;\n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" \/&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/&gt;\n    &lt;link\n      rel=\"stylesheet\"\n      href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.1.3\/dist\/css\/bootstrap.min.css\"\n      integrity=\"sha384-MCw98\/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO\"\n      crossorigin=\"anonymous\"\n    \/&gt;\n    &lt;title&gt;Number Guessing Game&lt;\/title&gt;\n  &lt;\/head&gt;\n \n  &lt;body&gt;\n    &lt;div class=\"container justify-content-md-center\"&gt;\n      &lt;div class=\"col justify-content-md-center\"&gt;\n        &lt;!--Simple computer vs player number guessing game  --&gt;\n        &lt;h1\n          class=\"row justify-content-md-center mt-1 text-danger font-weight-bold\"\n        &gt;\n          Number Guessing Game\n        &lt;\/h1&gt;\n \n        &lt;!-- computer score --&gt;\n        &lt;h2 class=\"row justify-content mt-1 text-info font-weight-bold\"&gt;\n          Computer Score: &lt;span id=\"computerScore\"&gt;&amp;nbsp;0&lt;\/span&gt;\n        &lt;\/h2&gt;\n \n        &lt;!-- player score --&gt;\n        &lt;h2 class=\"row justify-content-md mt-1 text-info font-weight-bold\"&gt;\n          Player Score: &lt;span id=\"playerScore\"&gt;&amp;nbsp;0&lt;\/span&gt;\n        &lt;\/h2&gt;\n \n        &lt;!-- Round no --&gt;\n        &lt;h2 class=\"row justify-content mt-1 text-info font-weight-bold\"&gt;\n          Round No: &lt;span id=\"round\"&gt;&amp;nbsp;1&lt;\/span&gt;&lt;span&gt;\/10&lt;\/span&gt;\n        &lt;\/h2&gt;\n \n        &lt;!-- Choose a number from these button --&gt;\n        &lt;div class=\"row justify-content-md-center mt-3\" id=\"optionButtons\"&gt;\n          &lt;div&gt;\n            &lt;h3\n              class=\"row justify-content-md-center text-danger font-weight-bold\"\n            &gt;\n              Pick a number\n            &lt;\/h3&gt;\n            &lt;div class=\"row justify-content-md-center mt-3\"&gt;\n              &lt;div class=\"btn-group btn-group-lg\"&gt;\n                &lt;button\n                  id=\"1\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(1)\"\n                &gt;\n                  1\n                &lt;\/button&gt;\n                &lt;button\n                  id=\"2\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(2)\"\n                &gt;\n                  2\n                &lt;\/button&gt;\n                &lt;button\n                  id=\"3\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(3)\"\n                &gt;\n                  3\n                &lt;\/button&gt;\n              &lt;\/div&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"row justify-content-md-center mt-3\"&gt;\n              &lt;div class=\"btn-group btn-group-lg\"&gt;\n                &lt;button\n                  id=\"4\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(4)\"\n                &gt;\n                  4\n                &lt;\/button&gt;\n                &lt;button\n                  id=\"5\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(5)\"\n                &gt;\n                  5\n                &lt;\/button&gt;\n                &lt;button\n                  id=\"6\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(6)\"\n                &gt;\n                  6\n                &lt;\/button&gt;\n              &lt;\/div&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"row justify-content-md-center mt-3\"&gt;\n              &lt;div class=\"btn-group btn-group-lg\"&gt;\n                &lt;button\n                  id=\"7\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(7)\"\n                &gt;\n                  7\n                &lt;\/button&gt;\n                &lt;button\n                  id=\"8\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(8)\"\n                &gt;\n                  8\n                &lt;\/button&gt;\n                &lt;button\n                  id=\"9\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(9)\"\n                &gt;\n                  9\n                &lt;\/button&gt;\n              &lt;\/div&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"row justify-content-md-center mt-3\"&gt;\n              &lt;div class=\"btn-group btn-group-lg\"&gt;\n                &lt;button\n                  id=\"10\"\n                  class=\"btn btn-outline-primary mx-3\"\n                  onclick=\"playGame(10)\"\n                &gt;\n                  10\n                &lt;\/button&gt;\n              &lt;\/div&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n \n        &lt;div class=\"row justify-content-md-center\"&gt;\n          &lt;!-- Restart game --&gt;\n          &lt;button\n            id=\"restart\"\n            class=\"restartButton btn btn-primary btn-lg mt-3\"\n            onclick=\"reset()\"\n          &gt;\n            Restart\n          &lt;\/button&gt;\n        &lt;\/div&gt;\n \n        &lt;!-- Display the result --&gt;\n        &lt;h3\n          class=\"row justify-content-md-center mt-2 text-success\"\n          id=\"result\"\n        &gt;&lt;\/h3&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n \n    &lt;!-- add js connection --&gt;\n    &lt;script src=\"index.js\"&gt;&lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:22px\">JavaScript code:<\/h3>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-9886351916045880\" data-ad-slot=\"2002566052\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<pre class=\"wp-block-code\"><code>let computerScore = 0;\nlet playerScore = 0;\nlet roundNumber = 1;\n\nfunction generateRandomNumber() {\n    return Math.floor(Math.random() * 10) + 1;\n}\n\nfunction computerPlay(number) {\n    const crandomNumber = generateRandomNumber();\n    if (crandomNumber == number) {\n        playerScore++;\n    } else {\n        computerScore++;\n    }\n    document.getElementById(\"computerScore\").innerHTML = computerScore;\n    document.getElementById(\"playerScore\").innerHTML = playerScore;\n}\n\nfunction reset() {\n    computerScore = 0;\n    playerScore = 0;\n    roundNumber = 1;\n    document.getElementById(\"computerScore\").innerHTML = computerScore;\n    document.getElementById(\"playerScore\").innerHTML = playerScore;\n    document.getElementById(\"round\").innerHTML = roundNumber;\n    document.getElementById(\"optionButtons\").style.display = \"flex\";\n    document.getElementById(\"result\").innerHTML = \"\";\n}\n\nfunction playGame(number) {\n    computerPlay(number);\n    roundNumber++;\n    randomNumber = generateRandomNumber();\n    if (roundNumber != 11) {\n        document.getElementById(\"round\").innerHTML = roundNumber;\n    }\n    if (roundNumber == 11) {\n        if (computerScore &gt; playerScore) {\n            document.getElementById(\"result\").innerHTML = \"Computer won the game\";\n        } else if (computerScore &lt; playerScore) {\n            document.getElementById(\"result\").innerHTML = \"Player won the game\";\n        } else {\n            document.getElementById(\"result\").innerHTML = \"Game is draw\";\n        }\n        document.getElementById(\"optionButtons\").style.display = \"none\";\n    }\n}\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Output:<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104043-1024x662.jpg\" alt=\"output 1\" class=\"wp-image-21173 lazyload\" width=\"293\" height=\"189\" data-srcset=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104043-1024x662.jpg 1024w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104043-300x194.jpg 300w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104043-768x497.jpg 768w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104043-1026x664.jpg 1026w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104043-675x437.jpg 675w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104043.jpg 1130w\" data-sizes=\"(max-width: 293px) 100vw, 293px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 293px; --smush-placeholder-aspect-ratio: 293\/189;\" \/><figcaption class=\"wp-element-caption\">output 1<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"746\" data-src=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104109-1024x746.jpg\" alt=\"output 2\" class=\"wp-image-21172 lazyload\" data-srcset=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104109-1024x746.jpg 1024w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104109-300x219.jpg 300w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104109-768x560.jpg 768w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104109-1026x748.jpg 1026w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104109-675x492.jpg 675w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104109.jpg 1040w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/746;\" \/><figcaption class=\"wp-element-caption\">output 2<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104124-1024x735.jpg\" alt=\"output 3\" class=\"wp-image-21171 lazyload\" width=\"272\" height=\"195\" data-srcset=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104124-1024x735.jpg 1024w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104124-300x215.jpg 300w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104124-768x551.jpg 768w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104124-1026x737.jpg 1026w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104124-675x485.jpg 675w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-18-104124.jpg 1096w\" data-sizes=\"(max-width: 272px) 100vw, 272px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 272px; --smush-placeholder-aspect-ratio: 272\/195;\" \/><figcaption class=\"wp-element-caption\">output 3<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"text-align:center\" class=\"wp-block-atomic-blocks-ab-button ab-block-button\"><a href=\"https:\/\/copyassignment.com\/?s=javascript\" class=\"ab-button ab-button-shape-rounded ab-button-size-medium\" style=\"color:#ffffff;background-color:#3373dc\">JavaScript and web Projects<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Also Read:<\/strong><\/p>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/what-is-web-development-for-beginners\/\">What is web development for beginners?<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/chat-app-with-nodejs-and-socket-io\/\">Chat App with Node.js and Socket.io<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/draw-doraemon-using-html-and-css\/\">Draw Doraemon using HTML and CSS<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/draw-house-using-html-and-css\/\">Draw House using HTML and CSS<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/draw-dog-using-css\/\">Draw Dog using CSS<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/rock-paper-scissor-in-html-css-javascript\/\">Rock Paper Scissor in HTML CSS JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/pong-game-in-html-and-javascript\/\">Pong Game in HTML and JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/tip-calculator-in-html-and-javascript\/\">Tip Calculator in HTML and JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/calculator-in-html-css-javascript\/\">Calculator in HTML CSS JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/bmi-calculator-in-html-css-javascript\/\">BMI Calculator in HTML CSS JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/color-picker-in-html-and-javascript\/\">Color picker in HTML and JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/number-guessing-game-in-javascript\/\">Number Guessing Game in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/atm-in-javascript\/\">ATM in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/inventory-management-system-in-javascript\/\">Inventory Management System in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/courier-tracking-system-in-html-css-and-js\/\">Courier Tracking System in HTML CSS and JS<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/word-count-app-in-javascript\/\">Word Count App in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/to-do-list-in-html-css-javascript\/\">To-Do List in HTML CSS JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/tic-tac-toe-game-in-javascript\/\">Tic-Tac-Toe game in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/music-player-using-html-css-and-javascript\/\">Music player using HTML CSS and JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/happy-diwali-in-javascript\/\">Happy Diwali in JavaSCript<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Today, we will make a simple Number Guessing Game in JavaScript, where a random number will be generated and the human\/player will make a guess&#8230;.<\/p>\n","protected":false},"author":62,"featured_media":21176,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,1939,1941],"tags":[],"class_list":["post-21142","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allcategorites","category-html-css-javascript-project","category-web-projects","wpcat-22-id","wpcat-1939-id","wpcat-1941-id"],"_links":{"self":[{"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/posts\/21142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/comments?post=21142"}],"version-history":[{"count":0,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/posts\/21142\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/media\/21176"}],"wp:attachment":[{"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/media?parent=21142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/categories?post=21142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/tags?post=21142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}