{"id":30104,"date":"2023-01-13T07:17:21","date_gmt":"2023-01-13T01:47:21","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/"},"modified":"2023-01-13T07:17:21","modified_gmt":"2023-01-13T01:47:21","slug":"solved-how-to-make-this-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/","title":{"rendered":"[Solved] How to make this? [closed]"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

Your question is extremely but i’m bored<\/p>\n

This is a good guide to make a simple idle game Guide<\/a>, you can take the knowledge you learn from the guide to make your own small game.<\/p>\n

    \n
  1. How to update the JS to html<\/strong><\/li>\n<\/ol>\n

    Demo<\/a><\/p>\n

    You are going to use document.getElementById(\"thekey\").innerHTML = thekey;<\/code>in the function<\/p>\n

    var money = 0;\nvar xp = 0;\nvar level = 0;\n\nfunction startClick(number){\n    money = parseInt(money) + 50; \/\/Want it to be random number to get\n    xp = xp + 100;\/\/Same here\n    \/\/This will update money,xp to your html\n    document.getElementById(\"money\").innerHTML = money; \n    document.getElementById(\"xp\").innerHTML = xp;\n}\n<\/code><\/pre>\n
      \n
    1. How to save data<\/strong><\/li>\n<\/ol>\n
      Demo<\/a><\/p>\n
      Good guide about localStorage<\/a><\/p>\n
      To save your data ex. money, xp and levels, you are going to use localStorage.<\/p>\n
      var money = 0;\nvar xp = 0;\nvar level = 0;\n\n\/\/This loads the data\nif(localStorage.money) money = localStorage.getItem('money');\n\/\/This updates the data when you load the html\ndocument.getElementById(\"money\").innerHTML = money;\n\nif(localStorage.xp) xp = localStorage.getItem('xp');\ndocument.getElementById(\"xp\").innerHTML = xp;\n\nfunction startClick(number){\n    money = parseInt(money) + 50; \/\/Want it to be random number to get\n    xp = parseInt(xp) + 100;\/\/Same here\n    \/\/This will update money,xp to your html\n    document.getElementById(\"money\").innerHTML = money;\n    \/\/This sets the data, so \"getItem\" can load it\n    localStorage.setItem('money', money);\n    document.getElementById(\"xp\").innerHTML = xp;\n    localStorage.setItem('xp', xp);\n\n}\n<\/code><\/pre>\n
        \n
      1. How to you make a leveling system with max level<\/strong><\/li>\n<\/ol>\n
        Demo<\/a><\/p>\n
        To make a simple leveling system with max level, you are going to use if..else and 1 function.<\/p>\n
        var money = 0;\nvar xp = 0;\nvar level = 0;\n\n\/\/This loads the data\nif(localStorage.money) money = localStorage.getItem('money');\n\/\/This updates the data when you load the html\ndocument.getElementById(\"money\").innerHTML = money;\n\nif(localStorage.xp) xp = localStorage.getItem('xp');\ndocument.getElementById(\"xp\").innerHTML = xp;\n\nif(localStorage.level) level = localStorage.getItem('level');\ndocument.getElementById(\"level\").innerHTML = level;\n\n\/\/This will set the max level, you can change the max by change 30 to what you want.\nif(level > 30){\n    level = 30;\n    document.getElementById(\"level\").innerHTML = level;\n}\n\n\/\/This is your leveling system, its combine to the button with startClick.\nfunction levelClick(number){\nif(xp >= 500){\n    level = parseInt(level) + 1;\n    document.getElementById(\"level\").innerHTML = level;\n    xp = parseInt(xp) - 500;\n    document.getElementById(\"xp\").innerHTML = xp;\n    localStorage.setItem('level', level);\n    }\n}\n\nfunction startClick(number){\n    money = parseInt(money) + 50; \/\/Want it to be random number to get\n    xp = parseInt(xp) + 100;\/\/Same here\n    \/\/This will update money,xp to your html\n    document.getElementById(\"money\").innerHTML = money;\n    \/\/This sets the data, so \"getItem\" can load it\n    localStorage.setItem('money', money);\n    document.getElementById(\"xp\").innerHTML = xp;\n    localStorage.setItem('xp', xp);\n\n}\n<\/code><\/pre>\n
          \n
        1. How to generate random numbers<\/strong><\/li>\n<\/ol>\n
          Demo<\/a><\/p>\n
          To generate random numbers in startClick, you are going to use Math.random<\/code>
          \n  like var random = Math.floor(Math.random() * (Max - min + min)) + 1;<\/code> add it to your function and use the  var random<\/code> like money = parseInt(money) + random;<\/code> it will generate a random number everytime.<\/p>\n
          var money = 0;\nvar xp = 0;\nvar level = 0;\n\n\/\/This loads the data\nif(localStorage.money) money = localStorage.getItem('money');\n\/\/This updates the data when you load the html\ndocument.getElementById(\"money\").innerHTML = money;\n\nif(localStorage.xp) xp = localStorage.getItem('xp');\ndocument.getElementById(\"xp\").innerHTML = xp;\n\nif(localStorage.level) level = localStorage.getItem('level');\ndocument.getElementById(\"level\").innerHTML = level;\n\n\/\/This will set the max level, you can change the max by change 30 to what you want.\nif(level > 30){\n    level = 30;\n    document.getElementById(\"level\").innerHTML = level;\n}\n\n\/\/This is your leveling system, its combine to the button with startClick.\nfunction levelClick(number){\nif(xp >= 500){\n    level = parseInt(level) + 1;\n    document.getElementById(\"level\").innerHTML = level;\n    xp = parseInt(xp) - 500;\n    document.getElementById(\"xp\").innerHTML = xp;\n    localStorage.setItem('level', level);\n    }\n}\n\nfunction startClick(number){\n    \/\/This generate a random number, every time you click the button\n    var moneyrandom = Math.floor(Math.random() * (300 - 100 + 100)) + 1;\n    var xprandom = Math.floor(Math.random() * (500 - 100 + 100)) + 1;\n    money = parseInt(money) + moneyrandom; \n    xp = parseInt(xp) + xprandom;\n    \/\/This will update money,xp to your html\n    document.getElementById(\"money\").innerHTML = money;\n    \/\/This sets the data, so \"getItem\" can load it\n    localStorage.setItem('money', money);\n    document.getElementById(\"xp\").innerHTML = xp;\n    localStorage.setItem('xp', xp);\n\n}\n<\/code><\/pre>\n<\/p><\/div>\n
          <\/div>\n<\/div>\n
                      1<\/span> <\/p><\/div>\n<\/div>\n
          [ad_2]<\/p>\n
          solved How to make this? [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"
          [ad_1] Your question is extremely but i’m bored This is a good guide to make a simple idle game Guide, you can take the knowledge you learn from the guide to make your own small game. How to update the JS to html Demo You are going to use document.getElementById(“thekey”).innerHTML = thekey;in the function var … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[346,333],"class_list":["post-30104","post","type-post","status-publish","format-standard","hentry","category-solved","tag-html","tag-javascript"],"yoast_head":"\n[Solved] How to make this? [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to make this? [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Your question is extremely but i’m bored This is a good guide to make a simple idle game Guide, you can take the knowledge you learn from the guide to make your own small game. How to update the JS to html Demo You are going to use document.getElementById("thekey").innerHTML = thekey;in the function var ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-13T01:47:21+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to make this? [closed]\",\"datePublished\":\"2023-01-13T01:47:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/\"},\"wordCount\":153,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"html\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/\",\"name\":\"[Solved] How to make this? [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2023-01-13T01:47:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to make this? [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to make this? [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to make this? [closed] - JassWeb","og_description":"[ad_1] Your question is extremely but i’m bored This is a good guide to make a simple idle game Guide, you can take the knowledge you learn from the guide to make your own small game. How to update the JS to html Demo You are going to use document.getElementById(\"thekey\").innerHTML = thekey;in the function var ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/","og_site_name":"JassWeb","article_published_time":"2023-01-13T01:47:21+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to make this? [closed]","datePublished":"2023-01-13T01:47:21+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/"},"wordCount":153,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["html","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/","name":"[Solved] How to make this? [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-01-13T01:47:21+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-this-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to make this? [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/30104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=30104"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/30104\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=30104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=30104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=30104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}