{"id":296666,"date":"2020-01-01T21:00:15","date_gmt":"2020-01-01T21:00:15","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=296666"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=296666","title":{"rendered":"[\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b] \u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0432\u0430\u0448\u0443 \u043f\u0435\u0440\u0432\u0443\u044e \u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0443\u044e IDLE \u0438\u0433\u0440\u0443 \u043d\u0430 JavaScript"},"content":{"rendered":"\n<div class=\"post__text post__text-html js-mediator-article\" id=\"post-content-body\" data-io-article-url=\"https:\/\/habr.com\/ru\/post\/465829\/\">\u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u0432\u0430\u043c, \u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c <s>\u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0438\u0439 ToDo \u043b\u0438\u0441\u0442<\/s> \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0443\u044e \u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0443\u044e IDLE \u0438\u0433\u0440\u0443 \u043d\u0430 JavaScript, \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0432 \u043c\u0435\u043d\u044c\u0448\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0434\u043d\u044f \u0435\u0436\u0435\u0433\u043e\u0434\u043d\u044b\u0445 \u043a\u0430\u043d\u0438\u043a\u0443\u043b. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0432\u044b\u0431\u0440\u0430\u0442\u044c <s>\u0441\u043e\u0432\u0443<\/s> \u0438\u0433\u0440\u0443 \u043f\u043e\u043f\u0440\u043e\u0449\u0435 \u0438 \u043d\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0448\u0430\u0433\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 <s>\u043e\u0432\u0430\u043b\u043e\u043c \u0438 \u0433\u043e\u0442\u043e\u0432\u043e\u0439 \u0441\u043e\u0432\u043e\u0439<\/s> \u043f\u0443\u0441\u0442\u044b\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u0438 \u0433\u043e\u0442\u043e\u0432\u043e\u0439 \u0438\u0433\u0440\u043e\u0439. <\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/q5\/ne\/i7\/q5nei7lkowkaq4_vmnveajwuwra.jpeg\"><\/div>\n<p>  \u041b\u044e\u0434\u044f\u043c, \u0437\u043d\u0430\u044e\u0449\u0438\u043c \u043a\u0430\u043a \u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u0438\u0433\u0440\u044b, \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u0443\u0447\u043d\u043e; \u043b\u044e\u0434\u044f\u043c, \u0437\u043d\u0430\u044e\u0449\u0438\u043c JS, \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u043a\u043e\u0434 \u0441\u043a\u0432\u043e\u0437\u044c \u043f\u0430\u043b\u044c\u0446\u044b (\u0432\u043e \u0438\u0437\u0431\u0435\u0436\u0430\u043d\u0438\u0435 \u0442\u0440\u0430\u0432\u043c) \u0438 \u0447\u0438\u0442\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0438. \u041f\u043e\u0434 \u043a\u0430\u0442\u043e\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f, \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043d\u0430 \u043d\u043e\u0432\u0438\u0447\u043a\u043e\u0432. <br \/>  <a name=\"habracut\"><\/a><br \/>  \u0418\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0438\u0433\u0440\u044b \u2014 \u044d\u0442\u043e \u0438\u0433\u0440\u044b, \u0432 \u043e\u0441\u043d\u043e\u0432\u0435 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043b\u0435\u0436\u0438\u0442 [\u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439] \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0446\u0438\u043a\u043b, \u0441\u043e\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u0438\u0437 \u043d\u0430\u043a\u043e\u043f\u043b\u0435\u043d\u0438\u044f \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432, \u0438\u0445 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0445 \u0442\u0440\u0430\u0442 \u0438 \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044f \u0434\u043e\u0445\u043e\u0434\u0430. \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0438\u0445 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0432 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u043c \u0440\u043e\u0441\u0442\u0435 \u0447\u0438\u0441\u0435\u043b. \u0418\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0435\u0442, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c IDLE (\u043b\u0435\u043d\u0438\u0432\u0443\u044e) \u0438\u0433\u0440\u0443, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043f\u043e\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u043c, \u0430 \u043d\u0435 \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c \u043a\u043b\u0438\u043a\u0430\u043d\u044c\u0435\u043c.<\/p>\n<pre><code class=\"xml\">&lt;html&gt; &lt;head&gt;   &lt;meta http-equiv=\"Content-Type\" content=\"text\/html;charset=utf-8\"&gt;&lt;!--\u044d\u0442\u0430 \u0441\u0442\u0440\u043e\u043a\u0430 \u043d\u0443\u0436\u043d\u0430 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u0443\u0433\u0430\u0434\u044b\u0432\u0430\u043b \u043a\u043e\u0434\u0438\u0440\u043e\u0432\u043a\u0443--&gt;   &lt;title&gt;     \u041f\u0440\u043e\u0441\u0442\u0430\u044f \u043b\u0435\u043d\u0438\u0432\u0430\u044f \u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0438\u0433\u0440\u0430   &lt;\/title&gt;   &lt;style&gt;   &lt;\/style&gt; &lt;\/head&gt; &lt;body&gt;   \u041c\u0435\u0434\u043d\u044b\u0435 \u043c\u043e\u043d\u0435\u0442\u044b: 0&lt;br&gt; &lt;\/body&gt; &lt;\/html&gt; <\/code><\/pre>\n<p>  \u041d\u0430 \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0438\u0433\u0440\u044b \u043f\u043e\u043a\u0430 \u043d\u0435\u0442, \u043d\u043e \u0435\u0441\u0442\u044c \u0432\u0441\u0435\u0433\u043e \u043b\u0438\u0448\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u0430\u044f \u043d\u0430\u0434\u043f\u0438\u0441\u044c.<\/p>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/0df7a276f354a842773bfba15efc2fd6f4a14d0f\">0df7a27<\/a>.<\/p>\n<p>  \u0412 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u0441\u0435\u0445 \u0438\u0433\u0440 \u0432 \u044d\u0442\u043e\u043c \u0436\u0430\u043d\u0440\u0435 \u043b\u0435\u0436\u0430\u0442 \u0434\u0432\u0430 \u0443\u0441\u043b\u043e\u0432\u043d\u043e-\u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0445 \u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u0446\u0438\u043a\u043b\u0430.<br \/>  \u041f\u0435\u0440\u0432\u044b\u0439 \u0446\u0438\u043a\u043b \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043d\u0430\u043a\u043e\u043f\u043b\u0435\u043d\u0438\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432.<br \/>  \u0412\u0442\u043e\u0440\u043e\u0439 \u0446\u0438\u043a\u043b \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u0440\u0430\u0442\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432.<\/p>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u043f\u0435\u0440\u0432\u044b\u0439 \u0446\u0438\u043a\u043b.<\/p>\n<pre><code class=\"xml\">  \u041c\u0435\u0434\u043d\u044b\u0435 \u043c\u043e\u043d\u0435\u0442\u044b: &lt;span id=\"spnCoppersValue\"&gt;0&lt;\/span&gt;&lt;br&gt;   &lt;script&gt;     let coppers = 0;     let copperGrowth = 1;     myTimer = setInterval(endOfTurnCalc, 2000);     function endOfTurnCalc() {       coppers = coppers+copperGrowth;       document.getElementById(\"spnCoppersValue\").innerHTML = coppers;     }   &lt;\/script&gt; <\/code><\/pre>\n<p>  \u0412 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u0441\u0442\u0440\u043e\u043a\u0430 <\/p>\n<pre><code class=\"xml\">&lt;span id=\"spnCoppersValue\"&gt;0&lt;\/span&gt;&lt;br&gt;<\/code><\/pre>\n<p>  \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043d\u0430\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u043d\u0435\u0439 \u043f\u043e \u0435\u0451 id, \u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u0433\u043e\u0432, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441 \u0432\u0430\u043c\u0438 \u0441\u043b\u0443\u0447\u0430\u0435 \u2014 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043d\u0430\u043b\u0438\u0447\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442.<\/p>\n<p>  \u0412\u043e-\u0432\u0442\u043e\u0440\u044b\u0445, \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u0441\u043a\u0440\u0438\u043f\u0442. <\/p>\n<p>  \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e coppers, \u0438 \u0437\u0430\u0434\u0430\u0435\u043c \u0435\u0451 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u0441\u043b\u043e\u0432\u043e\u043c let. \u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u0435\u043c copperGrowth, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c \u0437\u0430 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043f\u0440\u0438\u0440\u043e\u0441\u0442\u0430 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442.<\/p>\n<p>  \u0414\u0430\u043b\u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043e\u0431\u044a\u0435\u043a\u0442, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u043d\u0430\u0448 \u0442\u0430\u0439\u043c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0434\u0435\u0440\u0433\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e endOfTurnCalc \u043a\u0430\u0436\u0434\u044b\u0435 2000 \u043c\u0441 (2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b). \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043f\u0440\u0438\u0440\u043e\u0441\u0442 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u0423\u0440\u0430, \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0438\u0433\u0440\u044b \u0441\u0434\u0435\u043b\u0430\u043d\u0430: \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0446\u0438\u043a\u043b \u043d\u0430\u043a\u043e\u043f\u043b\u0435\u043d\u0438\u044f \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432. \u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u2014 \u043d\u0430\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0438\u0445 \u0442\u0440\u0430\u0442\u0438\u0442\u044c.<\/p>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/e5d96e1a1e40725de9435dede8cf1df6e3aa576e\">e5d96e1<\/a>.<\/p>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043a\u043d\u043e\u043f\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0442\u044c \u043d\u0430\u043c \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u044b\u0435 \u043c\u043e\u043d\u0435\u0442\u044b \u043d\u0430 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u043c\u0435\u0434\u043d\u043e\u0439 \u0448\u0430\u0445\u0442\u044b, \u0435\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u0434 \u043d\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439 \u0441 \u043c\u043e\u043d\u0435\u0442\u0430\u043c\u0438. \u041a\u043d\u043e\u043f\u043a\u0430, \u0435\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435, \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0430 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442, \u0438\u043c\u044f \u043a\u043d\u043e\u043f\u043a\u0438 \u2014 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u044d\u0433\u043e\u0432. <\/p>\n<pre><code class=\"xml\">&lt;button id=\"btnUpgCopperMine\" onclick=\"upgCopperMine()\"&gt;\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, 10 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442&lt;\/button&gt;&lt;br&gt; <\/code><\/pre>\n<p>  \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043a\u043d\u043e\u043f\u043a\u0435 \u0430\u043f\u0433\u0440\u0435\u0439\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c:<\/p>\n<pre><code class=\"xml\">    let coppersUpgCost  = 10;     let coppersUpgLevel = 1;     function upgCopperMine() {       if (coppers&gt;coppersUpgCost){         coppers = coppers-coppersUpgCost;         coppersUpgLevel = coppersUpgLevel + 1;         coppersUpgCost  = coppersUpgCost*2;         document.getElementById(\"spnCoppersValue\").innerHTML   = coppers;         document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";         document.getElementById(\"btnUpgCopperMine\").innerHTML += coppersUpgCost.toString();         document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";       }     } <\/code><\/pre>\n<p>  \u0438 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u043a\u0430\u0436\u0435\u0442 \u0432\u043b\u0438\u044f\u043d\u0438\u0435 \u043d\u0430 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0434\u043e\u0431\u044b\u0447\u0438 \u043d\u043e\u0432\u044b\u0445 \u043c\u043e\u043d\u0435\u0442:<\/p>\n<pre><code class=\"xml\">    function endOfTurnCalc() {       coppers = coppers+copperGrowth*coppersUpgLevel;;       document.getElementById(\"spnCoppersValue\").innerHTML = coppers;     } <\/code><\/pre>\n<p>  \u0417\u0430\u0434\u0430\u0434\u0438\u043c \u0446\u0435\u043d\u0443 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0448\u0430\u0445\u0442\u044b, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0448\u0430\u0445\u0442\u044b \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u043f\u0440\u043e\u043f\u0438\u0448\u0435\u043c \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438 \u043c\u043e\u043d\u0435\u0442 \u043d\u0430 \u0430\u043f\u0433\u0440\u0435\u0439\u0434 \u0448\u0430\u0445\u0442\u044b.<\/p>\n<p>  \u0412 \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u0434\u0435\u043d\u0435\u0433 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e, \u0442\u043e \u0441\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0446\u0435\u043d\u0443 \u0430\u043f\u0433\u0440\u0435\u0439\u0434\u0430, \u043f\u043e\u0432\u044b\u0448\u0430\u0435\u043c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0448\u0430\u0445\u0442, \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u043c \u0446\u0435\u043d\u0443 \u0434\u043b\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f; \u0432\u044b\u0432\u043e\u0434\u0438\u043c \u043d\u0430 \u044d\u043a\u0440\u0430\u043d \u0442\u0435\u043a\u0443\u0449\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442 \u0438 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f.<\/p>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/c731ec5ab69b21830997e804fb20e44a3c44525b\">c731ec5<\/a>.<\/p>\n<p>  \u041d\u0443 \u0447\u0442\u043e \u0436\u0435, \u0438\u0433\u0440\u0430\u0442\u044c \u0443\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u2014 \u043c\u043e\u0436\u043d\u043e \u043a\u043e\u043f\u0438\u0442\u044c, \u0438, \u0447\u0442\u043e \u043f\u0440\u0438\u044f\u0442\u043d\u0435\u0435, \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043d\u0430\u043a\u043e\u043f\u043b\u0435\u043d\u043d\u043e\u0435. \u041d\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u0440\u0435\u043f\u043b\u0435\u043d\u0438\u0435 \u0443\u0441\u043f\u0435\u0445\u0430 \u2014 \u0438\u0433\u0440\u043e\u043a \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0442\u044c \u043f\u0440\u0438\u0440\u043e\u0441\u0442 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u043d\u0430\u043a\u043e\u043f\u043b\u0435\u043d\u0438\u044f \u043c\u043e\u043d\u0435\u0442, \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0432\u044b\u0447\u0438\u0442\u0430\u043d\u0438\u044f \u043e\u0442 \u043d\u043e\u0432\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0440\u043e\u0433\u043e, \u043d\u043e \u0438, \u043f\u043e-\u0445\u043e\u0440\u043e\u0448\u0435\u043c\u0443, \u0441\u0440\u0430\u0437\u0443 \u0432\u0438\u0434\u0435\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043d\u0430\u043a\u043e\u043f\u043b\u0435\u043d\u0438\u044f \u043c\u043e\u043d\u0435\u0442. \u0421\u0434\u0435\u043b\u0430\u0435\u043c?<\/p>\n<p>  \u0412 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0435\u0449\u0435 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u0447\u043a\u0443:<\/p>\n<pre><code class=\"xml\">\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442: &lt;span id=\"spnCoppersRate\"&gt;1&lt;\/span&gt; \u0432 2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b&lt;br&gt; <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043e\u043f\u0438\u0441\u0430\u043d \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438 \u0441\u0442\u0440\u043e\u0447\u043a\u0430\u043c\u0438:<\/p>\n<pre><code class=\"xml\">  &lt;button id=\"btnUpgCopperMine\" onclick=\"upgCopperMine()\" style=\"width: 240px;\"&gt;\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, 10 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442&lt;\/button&gt;&lt;br&gt;   \u041c\u0435\u0434\u043d\u044b\u0435 \u043c\u043e\u043d\u0435\u0442\u044b: &lt;span id=\"spnCoppersValue\"&gt;0&lt;\/span&gt;&lt;br&gt;   \u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442: &lt;span id=\"spnCoppersRate\"&gt;1&lt;\/span&gt; \u0432 2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b&lt;br&gt; <\/code><\/pre>\n<p>  \u0412\u043d\u043e\u0441\u0438\u043c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0432 \u0441\u043a\u0440\u0438\u043f\u0442, \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u044e upgCopperMine():<\/p>\n<pre><code class=\"xml\">      if (coppers&gt;coppersUpgCost){         coppers = coppers-coppersUpgCost;         coppersUpgLevel = coppersUpgLevel + 1;         coppersUpgCost  = coppersUpgCost*2;         document.getElementById(\"spnCoppersValue\").innerHTML   = coppers;         document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";         document.getElementById(\"btnUpgCopperMine\").innerHTML += coppersUpgCost.toString();         document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";         document.getElementById(\"spnCoppersRate\").innerHTML    = copperGrowth*coppersUpgLevel;       } <\/code><\/pre>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/3ac06b63bdac5c54bbf70f786e3660505b0f2a4a\">3ac06b6<\/a>.<\/p>\n<p>  \u041e\u0442\u043b\u0438\u0447\u043d\u043e! \u0423 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0443\u0441\u043b\u043e\u0432\u043d\u043e-\u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u0430\u044f \u0438\u0433\u0440\u0430. \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u0434\u043e \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043d\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u0443, \u0438 \u0437\u0430\u0434\u0443\u043c\u0430\u0442\u044c\u0441\u044f \u2014 \u0447\u0430\u0441\u0442\u0438 \u043b\u044e\u0434\u0435\u0439 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f, \u043a\u043e\u0433\u0434\u0430 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0439 \u0446\u0435\u043b\u0438 \u043d\u0435\u0442, \u0438 \u043c\u043e\u0436\u043d\u043e \u0438\u0433\u0440\u0430\u0442\u044c, \u043f\u043e\u043a\u0430 \u043d\u0435 \u043d\u0430\u0434\u043e\u0435\u0441\u0442, \u0434\u0440\u0443\u0433\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0441\u0447\u0438\u0442\u0430\u0435\u0442, \u0447\u0442\u043e \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0441\u0442\u0438, \u0434\u043e\u0441\u0442\u0438\u0436\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u0433\u0440\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c. \u0418\u0433\u0440\u0443 \u0434\u043b\u044f \u043f\u0435\u0440\u0432\u044b\u0445 \u043c\u044b \u0443\u0436\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u0438, \u043d\u043e \u0447\u0442\u043e \u043c\u0435\u0448\u0430\u0435\u0442 \u043d\u0430\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435, \u0447\u0442\u043e\u0431\u044b \u0443 \u0438\u0433\u0440\u044b \u0431\u044b\u043b\u0430 \u0446\u0435\u043b\u044c \u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u0435 \u043f\u043e\u0431\u0435\u0434\u044b? \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0435\u043c. <\/p>\n<pre><code class=\"xml\">    let win_condition = 50;     myTimer = setInterval(endOfTurnCalc, 2000);     function endOfTurnCalc() {       if (coppers &lt; win_condition) {         coppers = coppers+copperGrowth*coppersUpgLevel;         document.getElementById(\"spnCoppersValue\").innerHTML = coppers;       } else {         clearTimeout(myTimer);         alert(\"\u0412\u044b \u0434\u043e\u0441\u0442\u0438\u0433\u043b\u0438 \u0446\u0435\u043b\u0438! \u0412\u044b \u043d\u0430\u043a\u043e\u043f\u0438\u043b\u0438 \"+win_condition.toString());       }     } <\/code><\/pre>\n<p>  \u0414\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043f\u043e\u043b\u043e\u0436\u0438\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0441\u0442\u0438\u0447\u044c \u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0438\u0437 \u0446\u0438\u043a\u043b\u0430, \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043d\u0430 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0435 \u0446\u0435\u043b\u0438. \u041f\u0440\u0438 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0438 \u0446\u0435\u043b\u0438 \u043c\u044b \u043e\u0447\u0438\u0449\u0430\u0435\u043c \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b \u0438\u0437 \u043d\u0430\u0448\u0435\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0441 \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u043c \u0438 \u0432\u044b\u0432\u043e\u0434\u0438\u043c \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. <\/p>\n<p>  \u0415\u0441\u0442\u044c \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442: \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0430\u043d\u0442\u0438\u0432\u0438\u0440\u0443\u0441\u044b \u043d\u0435 \u043b\u044e\u0431\u044f\u0442 alert&#8217;\u044b \u0438 \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u044e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0437\u0430 \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435.<\/p>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/8fa4041253d67af216d3fe6bf9185107a01495c7\">8fa4041<\/a>.<\/p>\n<p>  \u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043e\u0436\u0438\u0434\u0430\u044e\u0442 \u043b\u044e\u0434\u0438 \u043e\u0442 \u0438\u0433\u0440\u044b \u0434\u043b\u0438\u043d\u043d\u0435\u0435 \u043f\u044f\u0442\u0438 \u043c\u0438\u043d\u0443\u0442 \u2014 \u044d\u0442\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0438\u0433\u0440\u0443. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0436\u0435 \u0434\u0430\u0434\u0438\u043c \u0438\u043c \u0435\u0451!<\/p>\n<p>  \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u0432\u0435 \u0441\u0442\u0440\u043e\u0447\u043a\u0438, \u043d\u0435 \u0437\u0430\u0431\u044b\u0432 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0443\u044e \u0441\u0442\u0440\u043e\u0447\u043a\u0443 \u0442\u0435\u0433 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 \u0441\u0442\u0440\u043e\u043a\u0438:<\/p>\n<pre><code class=\"xml\">  &lt;button id=\"btnSaveGame\" onclick=\"saveGame()\" style=\"width: 240px;\"&gt;\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt;   &lt;button id=\"btnLoadGame\" onclick=\"loadGame()\" style=\"width: 240px;\"&gt;\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt; <\/code><\/pre>\n<p>  \u0438 \u0442\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u043c \u043d\u0430\u0448\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u044b, \u0447\u0442\u043e\u0431\u044b \u043a\u043d\u043e\u043f\u043a\u0438 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438:<\/p>\n<pre><code class=\"xml\">    function saveGame() {       localStorage.setItem('coppers', coppers);       localStorage.setItem('coppersUpgCost', coppersUpgCost);       localStorage.setItem('coppersUpgLevel', coppersUpgLevel);     }     function loadGame() {       coppers = parseInt(localStorage.getItem('coppers'));       coppersUpgCost = parseInt(localStorage.getItem('coppersUpgCost'));       coppersUpgLevel = parseInt(localStorage.getItem('coppersUpgLevel'));       document.getElementById(\"spnCoppersValue\").innerHTML   = coppers;       document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";       document.getElementById(\"btnUpgCopperMine\").innerHTML += coppersUpgCost.toString();       document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";       document.getElementById(\"spnCoppersRate\").innerHTML    = copperGrowth*coppersUpgLevel;     } <\/code><\/pre>\n<p>  \u041a\u043b\u0430\u0434\u0451\u043c \u0432\u0441\u0435 \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u043c\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0432 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043f\u0440\u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0438 \u0438 \u043f\u0440\u0438 \u0447\u0442\u0435\u043d\u0438\u0438 \u0447\u0438\u0442\u0430\u0435\u043c \u0438\u0445 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441.<\/p>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/54b1ea0115b1b41c7c513b80cf4cb8eda95c9398\">54b1ea0<\/a>.<\/p>\n<p>  \u0412\u0441\u0435, \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0438\u0433\u0440\u044b \u0433\u043e\u0442\u043e\u0432\u0430.<\/p>\n<p>  \u041a \u0442\u0435\u043a\u0443\u0449\u0435\u043c\u0443 \u043c\u043e\u043c\u0435\u043d\u0442\u0443 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438:<\/p>\n<p>   \u2014 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u0430;<br \/>   \u2014 \u0434\u043e\u0431\u044b\u0447\u0443 \u0440\u0435\u0441\u0443\u0440\u0441\u0430;<br \/>   \u2014 \u0442\u0440\u0430\u0442\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u043d\u0430 \u0430\u043f\u0433\u0440\u0435\u0439\u0434 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0435\u0433\u043e \u0434\u043e\u0431\u044b\u0447\u0438;<br \/>   \u2014 \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0434\u043e\u0431\u044b\u0447\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u0430;<br \/>   \u2014 \u0443\u0441\u043b\u043e\u0432\u0438\u0435 \u043f\u043e\u0431\u0435\u0434\u044b;<br \/>   \u2014 \u0437\u0430\u043f\u0438\u0441\u044c \u0438 \u0447\u0442\u0435\u043d\u0438\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438\u0433\u0440\u044b \u0432 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.<\/p>\n<p>  \u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u043c? \u041f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c \u043a\u0430\u043a \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0442\u0435\u043c\u0435, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u0432 \u043d\u0430\u0448\u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 (\u0441\u0435\u0440\u0435\u0431\u0440\u0430), \u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u043f\u0440\u043e\u0432\u0435\u0441\u0442\u0438 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043a\u043e\u0434\u0430.<\/p>\n<p>  \u0427\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430?<\/p>\n<p>  \u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043e\u0434\u0438\u043d \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u0430 \u043c\u0435\u0434\u043d\u044b\u0435 \u043c\u043e\u043d\u0435\u0442\u044b, \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043c\u0435\u0434\u043d\u044b\u0445 \u0448\u0430\u0445\u0442 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u0432\u043d\u0443\u0442\u0440\u044c \u043a\u0430\u043a \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u044d\u0442\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430. \u042d\u0442\u043e \u0441\u0438\u043b\u044c\u043d\u043e \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0442\u044c \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043d\u0430 \u043d\u043e\u0432\u044b\u0435 \u0438\u0433\u0440\u043e\u0432\u044b\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438. <\/p>\n<p>  \u0412\u043e-\u0432\u0442\u043e\u0440\u044b\u0445, \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u0440\u0430\u0441\u0447\u0435\u0442 \u0446\u0435\u043d\u044b \u0430\u043f\u0433\u0440\u0435\u0439\u0434\u0430 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u043c. <\/p>\n<p>  \u0412-\u0442\u0440\u0435\u0442\u044c\u0438\u0445, \u0438\u0437\u0431\u0430\u0432\u0438\u043c\u0441\u044f \u043e\u0442 \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. <\/p>\n<p>  \u041a\u043e\u0434, \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0435\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0432\u0438\u0434:<\/p>\n<pre><code class=\"xml\">    let game = {       coppers: 1,       copperGrowth: 1,       coppersUpgCost: 10,       coppersUpgLevel: 1,     }     let win_condition = 50;     myTimer = setInterval(endOfTurnCalc, 2000);     function endOfTurnCalc() {       if (game.coppers &lt; win_condition) {         game.coppers = game.coppers+game.copperGrowth*game.coppersUpgLevel;         document.getElementById(\"spnCoppersValue\").innerHTML = game.coppers;       } else {         clearTimeout(myTimer);         alert(\"\u0412\u044b \u0434\u043e\u0441\u0442\u0438\u0433\u043b\u0438 \u0446\u0435\u043b\u0438! \u0412\u044b \u043d\u0430\u043a\u043e\u043f\u0438\u043b\u0438 \"+win_condition.toString());       }     }     function upgCopperMine() {       if (game.coppers&gt;game.coppersUpgCost){         game.coppers = game.coppers-game.coppersUpgCost;         game.coppersUpgLevel = game.coppersUpgLevel + 1;         game.coppersUpgCost  = game.coppersUpgCost*2;         document.getElementById(\"spnCoppersValue\").innerHTML   = game.coppers;         document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";         document.getElementById(\"btnUpgCopperMine\").innerHTML += game.coppersUpgCost.toString();         document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";         document.getElementById(\"spnCoppersRate\").innerHTML    = game.copperGrowth*game.coppersUpgLevel;       }     }     function saveGame() {       localStorage.setItem('coppers', game.coppers);       localStorage.setItem('coppersUpgCost', game.coppersUpgCost);       localStorage.setItem('coppersUpgLevel', game.coppersUpgLevel);     }     function loadGame() {       game.coppers = parseInt(localStorage.getItem('coppers'));       game.coppersUpgCost = parseInt(localStorage.getItem('coppersUpgCost'));       game.coppersUpgLevel = parseInt(localStorage.getItem('coppersUpgLevel'));       document.getElementById(\"spnCoppersValue\").innerHTML   = game.coppers;       document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";       document.getElementById(\"btnUpgCopperMine\").innerHTML += game.coppersUpgCost.toString();       document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";       document.getElementById(\"spnCoppersRate\").innerHTML    = game.copperGrowth*game.coppersUpgLevel;     }   &lt;\/script&gt; <\/code><\/pre>\n<p>  \u0414\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442 game, \u0438 \u0432\u043d\u0443\u0442\u0440\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043b\u0438 \u0435\u0433\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0441\u0432\u043e\u0439\u0441\u0442\u0432. \u0414\u0430\u043b\u0435\u0435, \u0432\u0435\u0437\u0434\u0435, \u0433\u0434\u0435 \u043c\u044b \u0440\u0430\u043d\u044c\u0448\u0435 \u043e\u0431\u0440\u0430\u0449\u0430\u043b\u0438\u0441\u044c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043a \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c, \u043c\u044b \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u043c\u0441\u044f \u043a \u0442\u0435\u043c \u0436\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 game.<\/p>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/8a07f4d84564d95c456a6fe347e7dec80eb5cf83\">8a07f4d<\/a>.<\/p>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0431\u043d\u043e\u0432\u0438\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438.<\/p>\n<pre><code class=\"xml\">    function saveGame() {       localStorage.setItem('gameTutorial', JSON.stringify(game));     }     function loadGame() {       game = JSON.parse(localStorage.getItem('gameTutorial'));       document.getElementById(\"spnCoppersValue\").innerHTML   = game.coppers;       document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";       document.getElementById(\"btnUpgCopperMine\").innerHTML += game.coppersUpgCost.toString();       document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";       document.getElementById(\"spnCoppersRate\").innerHTML    = game.copperGrowth*game.coppersUpgLevel;     } <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c, \u0432\u043c\u0435\u0441\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u0432\u043e\u0439\u0441\u0442\u0432, \u043c\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0432\u0435\u0441\u044c \u043e\u0431\u044a\u0435\u043a\u0442 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u041d\u043e \u0431\u0443\u0434\u044c\u0442\u0435 \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u044b: \u0435\u0441\u043b\u0438 \u0432\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u0435 \u0432 \u043e\u0431\u044a\u0435\u043a\u0442 \u043c\u0435\u0442\u043e\u0434\u044b, \u0442\u043e \u043e\u043d\u0438 \u043d\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0438\u0441\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0438\u0437 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0443\u0434\u0430\u043b\u0438\u0442 \u0432\u0441\u0435 \u043c\u0435\u0442\u043e\u0434\u044b\u2026<\/p>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/8eba0593fdfdd7e2064b95ff2f65f283615fab34\">8eba059<\/a>.<\/p>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0436\u0435 \u0443\u0434\u0430\u043b\u0438\u043c \u043d\u0435\u043d\u0443\u0436\u043d\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u2014 \u0446\u0435\u043d\u0443 \u0430\u043f\u0433\u0440\u0435\u0439\u0434\u0430 \u0448\u0430\u0445\u0442\u044b \u0438 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u0430\u043f\u0433\u0440\u0435\u0439\u0434\u0430 \u0438 \u0431\u0443\u0434\u0435\u043c \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c \u0435\u0435 \u0432 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445.<\/p>\n<pre><code class=\"xml\">    function coppersUpgCost() {       return game.coppersUpgLevel*10;     } function upgCopperMine() {       if (game.coppers&gt;=coppersUpgCost()){         game.coppers = game.coppers-coppersUpgCost();         game.coppersUpgLevel = game.coppersUpgLevel + 1;         document.getElementById(\"spnCoppersValue\").innerHTML   = game.coppers;         document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";         document.getElementById(\"btnUpgCopperMine\").innerHTML += coppersUpgCost().toString();         document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";         document.getElementById(\"spnCoppersRate\").innerHTML    = game.copperGrowth*game.coppersUpgLevel;       }     }     function saveGame() {       localStorage.setItem('gameTutorial', JSON.stringify(game));     }     function loadGame() {       game = JSON.parse(localStorage.getItem('gameTutorial'));       document.getElementById(\"spnCoppersValue\").innerHTML   = game.coppers;       document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";       document.getElementById(\"btnUpgCopperMine\").innerHTML += coppersUpgCost().toString();       document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";       document.getElementById(\"spnCoppersRate\").innerHTML    = game.copperGrowth*game.coppersUpgLevel;     } <\/code><\/pre>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/4007924dfe35f4d6b974e4723cddf80b8855b05d\">4007924<\/a>.<\/p>\n<p>  \u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u0432\u044b\u043d\u0435\u0441\u0435\u043c \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0449\u0438\u0435\u0441\u044f \u0447\u0430\u0441\u0442\u0438 \u043a\u043e\u0434\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e.<\/p>\n<pre><code class=\"xml\">    function updateUI() {         document.getElementById(\"spnCoppersValue\").innerHTML   = game.coppers;         document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";         document.getElementById(\"btnUpgCopperMine\").innerHTML += coppersUpgCost().toString();         document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";         document.getElementById(\"spnCoppersRate\").innerHTML    = game.copperGrowth*game.coppersUpgLevel;     } <\/code><\/pre>\n<p>  \u0412 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u0432\u043e \u0432\u0441\u0435\u0445 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445, \u0433\u0434\u0435 \u043c\u044b \u043e\u0431\u0440\u0430\u0449\u0430\u043b\u0438\u0441\u044c \u043a \u0442\u0435\u043c \u0438\u043b\u0438 \u0438\u043d\u044b\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u043c DOM, \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043c \u0432\u044b\u0437\u043e\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 updateUI():<\/p>\n<pre><code class=\"xml\">   function endOfTurnCalc() {       if (game.coppers &lt; win_condition) {         game.coppers = game.coppers+game.copperGrowth*game.coppersUpgLevel;         updateUI();       } else {         clearTimeout(myTimer);         alert(\"\u0412\u044b \u0434\u043e\u0441\u0442\u0438\u0433\u043b\u0438 \u0446\u0435\u043b\u0438! \u0412\u044b \u043d\u0430\u043a\u043e\u043f\u0438\u043b\u0438 \"+win_condition.toString());       }    }    function upgCopperMine() {       if (game.coppers&gt;=coppersUpgCost()){         game.coppers = game.coppers-coppersUpgCost();         game.coppersUpgLevel = game.coppersUpgLevel + 1;         updateUI();       }    }    function loadGame() {       game = JSON.parse(localStorage.getItem('gameTutorial'));       updateUI();    } <\/code><\/pre>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/2245f9709d324523dd5714cd7fb4e390e36c5e9d\">2245f97<\/a>.<\/p>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0432\u0432\u0435\u0441\u0442\u0438 \u0432\u0442\u043e\u0440\u043e\u0439 \u0440\u0435\u0441\u0443\u0440\u0441: \u0441\u0435\u0440\u0435\u0431\u0440\u043e, \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e \u0438 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0445 \u0448\u0430\u0445\u0442.<\/p>\n<pre><code class=\"xml\">  &lt;button id=\"btnUpgCopperMine\" onclick=\"upgCopperMine()\" style=\"width: 240px;\"&gt;\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, 10 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442&lt;\/button&gt;&lt;br&gt;   \u041c\u0435\u0434\u043d\u044b\u0435 \u043c\u043e\u043d\u0435\u0442\u044b: &lt;span id=\"spnCoppersValue\"&gt;0&lt;\/span&gt;&lt;br&gt;   \u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442: &lt;span id=\"spnCoppersRate\"&gt;1&lt;\/span&gt; \u0432 2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b&lt;br&gt;   &lt;button id=\"btnUpgSilverMine\" onclick=\"upgSilverMine()\" style=\"width: 240px;\"&gt;\u041f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, 50 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442&lt;\/button&gt;&lt;br&gt;   \u0421\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0435 \u043c\u043e\u043d\u0435\u0442\u044b: &lt;span id=\"spnSilversValue\"&gt;0&lt;\/span&gt;&lt;br&gt;   \u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442: &lt;span id=\"spnSilversRate\"&gt;1&lt;\/span&gt; \u0432 2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b&lt;br&gt;   &lt;button id=\"btnSaveGame\" onclick=\"saveGame()\" style=\"width: 240px;\"&gt;\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt;   &lt;button id=\"btnLoadGame\" onclick=\"loadGame()\" style=\"width: 240px;\"&gt;\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt;   &lt;script&gt;     let game = {       coppers: 1,       copperGrowth: 1,       coppersUpgLevel: 1,       silvers: 0,       silverGrowth: 1,       silversUpgLevel: 0,     }     let win_condition = 50;     let silverMineBasePriceCoppers = 100;     myTimer = setInterval(endOfTurnCalc, 2000);     function endOfTurnCalc() {       if (game.silvers &lt; win_condition) {         game.coppers = game.coppers+game.copperGrowth*game.coppersUpgLevel;         game.silvers = game.silvers+game.silverGrowth*game.silversUpgLevel;         updateUI();       } else {         clearTimeout(myTimer);         alert(\"\u0412\u044b \u0434\u043e\u0441\u0442\u0438\u0433\u043b\u0438 \u0446\u0435\u043b\u0438! \u0412\u044b \u043d\u0430\u043a\u043e\u043f\u0438\u043b\u0438 \"+win_condition.toString());       }     }     function coppersUpgCost() {       return game.coppersUpgLevel*10+5;     }     function silversUpgCost() {       return game.silversUpgLevel*10+5;     }     function upgCopperMine() {       if (game.coppers&gt;=coppersUpgCost()){         game.coppers = game.coppers-coppersUpgCost();         game.coppersUpgLevel = game.coppersUpgLevel + 1;         updateUI();       }     }     function upgSilverMine() {       if (game.silversUpgLevel===0){         if (game.coppers&gt;=silverMineBasePriceCoppers){           game.coppers = game.coppers-silverMineBasePriceCoppers;           game.silversUpgLevel = 1;           updateUI();         }       } else {         if (game.silvers&gt;=silversUpgCost()){           game.silvers = game.silvers-silversUpgCost();           game.silversUpgLevel = game.silversUpgLevel + 1;           updateUI();         }       }     }     function updateUI() {       document.getElementById(\"spnCoppersValue\").innerHTML   = game.coppers;       document.getElementById(\"btnUpgCopperMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";       document.getElementById(\"btnUpgCopperMine\").innerHTML += coppersUpgCost().toString();       document.getElementById(\"btnUpgCopperMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";       document.getElementById(\"spnCoppersRate\").innerHTML    = game.copperGrowth*game.coppersUpgLevel;       document.getElementById(\"spnSilversValue\").innerHTML   = game.silvers;       if (game.silversUpgLevel===0) {         document.getElementById(\"btnUpgSilverMine\").innerHTML  = \"\u041f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";         document.getElementById(\"btnUpgSilverMine\").innerHTML += silverMineBasePriceCoppers.toString();         document.getElementById(\"btnUpgSilverMine\").innerHTML += \" \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";       } else {         document.getElementById(\"btnUpgSilverMine\").innerHTML  = \"\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, \";         document.getElementById(\"btnUpgSilverMine\").innerHTML += silversUpgCost().toString();         document.getElementById(\"btnUpgSilverMine\").innerHTML += \" \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\";       }       document.getElementById(\"spnSilversRate\").innerHTML    = game.silverGrowth*game.silversUpgLevel;     }     function saveGame() {       localStorage.setItem('gameTutorial', JSON.stringify(game));     }     function loadGame() {       game = JSON.parse(localStorage.getItem('gameTutorial'));       updateUI();     }   &lt;\/script&gt; <\/code><\/pre>\n<p>  \u0427\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u043d\u043e? \u0412 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b \u043f\u043e\u043b\u044f \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442, \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0438\u0445 \u0434\u043e\u0431\u044b\u0447\u0438, \u043a\u043d\u043e\u043f\u043a\u0430 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0438\u043b\u0438 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u043e\u0439 \u0448\u0430\u0445\u0442\u044b.<\/p>\n<p>  \u0412\u043d\u0443\u0442\u0440\u044c \u0438\u0433\u0440\u043e\u0432\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u043f\u0440\u043e\u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 silvers, silverGrowth, silversUpgLevel, \u043d\u043e \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 0, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u043e\u0439 \u0448\u0430\u0445\u0442\u044b \u0443 \u043d\u0430\u0441 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043d\u0435\u0442.<br \/>  \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f silverMineBasePriceCoppers, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0440\u0430\u0436\u0430\u0442\u044c \u0446\u0435\u043d\u0443 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u043e\u0439 \u0448\u0430\u0445\u0442\u044b \u0432 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442\u0430\u0445 (\u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043f\u043b\u0430\u0442\u0438\u0442\u044c \u0437\u0430 \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443 \u0441\u0435\u0440\u0435\u0431\u0440\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0443 \u043d\u0430\u0441 \u043f\u043e\u043a\u0430 \u043d\u0435\u0442).<\/p>\n<p>  \u041c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f coppersUpgCost \u0438 \u043f\u0440\u043e\u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0430 \u043a\u0430\u043a silversUpgCost, \u0447\u0442\u043e\u0431\u044b \u0446\u0435\u043d\u0430 \u0430\u043f\u0433\u0440\u0435\u0439\u0434\u0430 \u0431\u044b\u043b\u0430 \u043e\u0442\u043b\u0438\u0447\u043d\u043e\u0439 \u043e\u0442 \u043d\u0443\u043b\u044f, \u0432 \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0448\u0430\u0445\u0442\u044b \u0440\u0430\u0432\u0435\u043d 0.<br \/>  \u0418\u0437\u043c\u0435\u043d\u0438\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043e\u0431\u0441\u0447\u0435\u0442\u0430 \u043a\u043e\u043d\u0446\u0430 \u0445\u043e\u0434\u0430, \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u0442\u0443\u0434\u0430 \u0440\u0430\u0441\u0447\u0435\u0442 \u0434\u043e\u0445\u043e\u0434\u0430 \u043e\u0442 \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u043e\u0439 \u0448\u0430\u0445\u0442\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u0435 \u043f\u043e\u0431\u0435\u0434\u044b \u2014 \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0442\u044c \u043d\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442, \u0430 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442.<\/p>\n<p>  \u0421\u043e\u0437\u0434\u0430\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e upgSilverMine, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043e\u0442\u0440\u0430\u0437\u0438\u043c \u043b\u043e\u0433\u0438\u043a\u0443 \u0441\u043f\u0438\u0441\u044b\u0432\u0430\u043d\u0438\u044f \u0441\u0440\u0435\u0434\u0441\u0442\u0432 (\u0435\u0441\u043b\u0438 \u0448\u0430\u0445\u0442\u044b \u0435\u0449\u0435 \u043d\u0435\u0442, \u0441\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u043c\u0435\u0434\u044f\u043a\u0438, \u0435\u0441\u043b\u0438 \u0448\u0430\u0445\u0442\u0430 \u0443\u0436\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0430, \u0442\u043e \u0441\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0441\u0435\u0440\u0435\u0431\u0440\u043e \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0448\u0430\u0445\u0442\u044b).<br \/>  \u0412 \u0444\u0443\u043d\u043a\u0446\u0438\u044e updateUI \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0441\u0442\u0440\u043e\u0447\u043a\u0438 \u0434\u043b\u044f \u0441\u0435\u0440\u0435\u0431\u0440\u0430, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u043b\u0438 \u043b\u043e\u0433\u0438\u043a\u0443 \u0432\u044b\u0432\u043e\u0434\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u043e\u0439 \u0448\u0430\u0445\u0442\u044b, \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043e\u0434\u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0438 \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0448\u0430\u0445\u0442\u044b.<\/p>\n<p>  \u0424\u0443\u043d\u043a\u0446\u0438\u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0431\u0435\u0437 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439.<\/p>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/03eb0eb825a3fdee7dab9a08eebcd75d6eb26bc2\">03eb0eb<\/a>.<\/p>\n<p>  \u041c\u043e\u0436\u0435\u0442 \u0442\u0430\u043a \u0441\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f, \u0447\u0442\u043e \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442 \u043d\u0430\u043a\u043e\u043f\u0438\u0442\u044c\u0441\u044f \u043c\u043d\u043e\u0433\u043e \u0431\u043e\u043b\u044c\u0448\u0435, \u0447\u0435\u043c \u043d\u0430\u0434\u043e, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0441\u0435\u0440\u0435\u0431\u0440\u043e \u0435\u0449\u0435 \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432 \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0445 \u0438\u0433\u0440\u0430\u0445, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043e\u0431\u043c\u0435\u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0434\u0440\u0443\u0433 \u043d\u0430 \u0434\u0440\u0443\u0433\u0430.<\/p>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u0430\u0440\u0443 \u043a\u043d\u043e\u043f\u043e\u043a:<\/p>\n<pre><code class=\"xml\">&lt;button id=\"btnUpgCopperMine\" onclick=\"upgCopperMine()\" style=\"width: 240px;\"&gt;\u0423\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043c\u0435\u0434\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, 15 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442&lt;\/button&gt;&lt;br&gt;   \u041c\u0435\u0434\u043d\u044b\u0435 \u043c\u043e\u043d\u0435\u0442\u044b: &lt;span id=\"spnCoppersValue\"&gt;0&lt;\/span&gt;&lt;br&gt;   \u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442: &lt;span id=\"spnCoppersRate\"&gt;1&lt;\/span&gt; \u0432 2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b&lt;br&gt;   &lt;button id=\"btnBuySilver\" onclick=\"buySilver()\" style=\"width: 240px;\"&gt;\u041a\u0443\u043f\u0438\u0442\u044c 1 \u0441\u0435\u0440\u0435\u0431\u0440\u043e \u0437\u0430 100 \u043c\u0435\u0434\u043d\u044b\u0445&lt;\/button&gt;&lt;br&gt;   &lt;hr&gt;   &lt;button id=\"btnUpgSilverMine\" onclick=\"upgSilverMine()\" style=\"width: 240px;\"&gt;\u041f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u0443\u044e \u0448\u0430\u0445\u0442\u0443, 50 \u043c\u0435\u0434\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442&lt;\/button&gt;&lt;br&gt;   \u0421\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0435 \u043c\u043e\u043d\u0435\u0442\u044b: &lt;span id=\"spnSilversValue\"&gt;0&lt;\/span&gt;&lt;br&gt;   \u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0445 \u043c\u043e\u043d\u0435\u0442: &lt;span id=\"spnSilversRate\"&gt;0&lt;\/span&gt; \u0432 2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b&lt;br&gt;   &lt;button id=\"btnBuySilver\" onclick=\"buyCoppers()\" style=\"width: 240px;\"&gt;\u041a\u0443\u043f\u0438\u0442\u044c 100 \u043c\u0435\u0434\u043d\u044b\u0445 \u0437\u0430 1 \u0441\u0435\u0440\u0435\u0431\u0440\u043e &lt;\/button&gt;&lt;br&gt;   &lt;hr&gt;   &lt;button id=\"btnSaveGame\" onclick=\"saveGame()\" style=\"width: 240px;\"&gt;\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt;   &lt;button id=\"btnLoadGame\" onclick=\"loadGame()\" style=\"width: 240px;\"&gt;\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt; <\/code><\/pre>\n<p>  \u0418 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043f\u0430\u0440\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u043a \u044d\u0442\u0438\u043c \u043a\u043d\u043e\u043f\u043a\u0430\u043c:<\/p>\n<pre><code class=\"xml\">    function buySilver() {       if (game.coppers&gt;=100) {         game.coppers = game.coppers - 100;         game.silvers = game.silvers + 1;         updateUI();       }     }     function buyCoppers() {       if (game.silvers&gt;=1) {         game.coppers = game.coppers + 100;         game.silvers = game.silvers - 1;         updateUI();       }     } <\/code><\/pre>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/92219b21e9919fcfc73f093bf634fe9fa8656bd1\">92219b2<\/a>.<\/p>\n<p>  \u0422\u0430\u043a, \u0447\u0442\u043e \u0435\u0449\u0435 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0443\u044e \u0438\u0433\u0440\u0443? \u041c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u041f\u0440\u0435\u0441\u0442\u0438\u0436\u0430! \u041a\u043e\u043d\u0435\u0447\u043d\u043e, \u0441\u0435\u0439\u0447\u0430\u0441 \u044d\u0442\u043e \u0441\u043a\u043e\u0440\u0435\u0435 \u0438\u0437\u043b\u0438\u0448\u0435\u0441\u0442\u0432\u043e, \u043d\u043e \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0433\u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u0438\u0433\u0440\u044b, \u043e\u043d \u0432\u0430\u043c \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u0441\u044f. \u0418\u0433\u0440\u043e\u043a\u0438 \u043b\u044e\u0431\u044f\u0442 \u0435\u0433\u043e!<\/p>\n<p>  \u0412 \u0440\u0430\u0437\u043d\u044b\u0445 \u0438\u0433\u0440\u0430\u0445 \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443, \u043d\u043e \u0432 \u0446\u0435\u043b\u043e\u043c \u2014 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u0434\u0430\u0435\u0442 \u043e\u0447\u043a\u0438 \u041f\u0440\u0435\u0441\u0442\u0438\u0436\u0430 \u043b\u0438\u0431\u043e \u043f\u043e\u0441\u043b\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f (\u043f\u0440\u043e\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f) \u0438\u0433\u0440\u044b, \u043b\u0438\u0431\u043e, \u0440\u0430\u0437\u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0438\u0433\u0440\u044b \u043f\u043e\u0441\u043b\u0435 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u043d\u0435\u043a\u043e\u0435\u0433\u043e \u0446\u0435\u043b\u0435\u0432\u043e\u0433\u043e \u043f\u043e\u0440\u043e\u0433\u0430.<\/p>\n<p>  \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043e\u0447\u043a\u043e\u0432 \u041f\u0440\u0435\u0441\u0442\u0438\u0436\u0430 \u0438\u0433\u0440\u043e\u043a \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0441\u0442\u0430\u0440\u0442\u0430 \u0438\u043b\u0438 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0433\u043e \u0431\u043e\u043d\u0443\u0441\u0430 \u0432 \u044d\u0442\u043e\u0439 \u0436\u0435 \u0438\u0433\u0440\u0435 (\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0447\u0442\u043e \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u043c\u0438\u0441\u0441\u0438\u0438, \u0435\u0441\u043b\u0438 \u0438\u0433\u0440\u0430 \u0440\u0430\u0437\u0431\u0438\u0442\u0430 \u043d\u0430 \u0442\u0430\u043a\u043e\u0432\u044b\u0435), \u0442\u0430\u043a, \u0447\u0442\u043e \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0434\u0440\u0443\u0433\u0443\u044e \u0442\u0430\u043a\u0442\u0438\u043a\u0443, \u043d\u043e \u0442\u0440\u0430\u0442\u0438\u0442 \u043c\u0435\u043d\u044c\u0448\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0435 \u043f\u0440\u043e\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u0435. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043c\u043e\u0436\u043d\u043e \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437\u0432\u0438\u043b\u043e\u043a, \u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0432 \u0440\u0430\u0437\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u0438 \u0437\u0430\u0442\u0440\u0430\u0447\u0438\u0432\u0430\u044f \u043d\u0430 \u044d\u0442\u043e \u043c\u0435\u043d\u044c\u0448\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0438, \u0447\u0435\u043c \u0435\u0441\u043b\u0438 \u0431\u044b \u0442\u0430\u043a\u043e\u0432\u043e\u0433\u043e \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u0430 \u043d\u0435 \u0431\u044b\u043b\u043e.<\/p>\n<p>  \u0427\u0442\u043e \u043d\u0430\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e? \u041d\u0443\u0436\u0435\u043d \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0438\u0433\u0440\u044b \u0441\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e. \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0433\u043e \u0431\u043e\u043d\u0443\u0441\u0430, \u0431\u0443\u0434\u0435\u043c \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043e\u0447\u043a\u0438 \u041f\u0440\u0435\u0441\u0442\u0438\u0436\u0430 \u043a \u0440\u0430\u043d\u0435\u0435 \u043d\u0435\u0438\u0437\u043c\u0435\u043d\u044f\u0435\u043c\u044b\u043c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u043c copperGrowth \u0438 silverGrowth.<\/p>\n<p>  \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 winGame, restartGameDialog, restartGame, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u043c endOfTurnCalc \u0434\u043b\u044f \u0432\u044b\u0437\u043e\u0432\u0430 \u043d\u043e\u0432\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0438 \u043e\u0431\u043d\u043e\u0432\u0438\u043c updateUI:<\/p>\n<pre><code class=\"xml\">    function endOfTurnCalc() {       if (game.silvers &lt; win_condition) {         game.coppers = game.coppers+game.copperGrowth*game.coppersUpgLevel;         game.silvers = game.silvers+game.silverGrowth*game.silversUpgLevel;         updateUI();       } else {         winGame();       }     }     function winGame() {       clearTimeout(myTimer);       alert(\"\u0412\u044b \u0434\u043e\u0441\u0442\u0438\u0433\u043b\u0438 \u0446\u0435\u043b\u0438! \u0412\u044b \u043d\u0430\u043a\u043e\u043f\u0438\u043b\u0438 \"+win_condition.toString());       myRestartTimer = setInterval(restartGameDialog, 2000);     }     function restartGameDialog() {       if (confirm('\u0425\u043e\u0442\u0438\u0442\u0435 \u0441\u044b\u0433\u0440\u0430\u0442\u044c \u0435\u0449\u0435 \u0440\u0430\u0437 \u0441 \u043e\u0447\u043a\u0430\u043c\u0438 \u041f\u0440\u0435\u0441\u0442\u0438\u0436\u0430?')) {         restartGame();       } else {         clearTimeout(myRestartTimer);       }     }     function restartGame() {       game.coppers = 1;       game.copperGrowth = game.copperGrowth+1;       game.coppersUpgLevel = 1;       game.silvers = 0;       game.silverGrowth = game.silverGrowth+1;       game.silversUpgLevel = 0;       clearTimeout(myRestartTimer);       myTimer = setInterval(endOfTurnCalc, 2000);       updateUI();     }     function updateUI() {     ...       if (game.copperGrowth!==1) {         document.getElementById(\"divLblPrestige\").innerHTML = \"\u041c\u0443\u043b\u044c\u0442\u0438\u043f\u043b\u0438\u043a\u0430\u0442\u043e\u0440 \u043e\u0442 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u041f\u0440\u0435\u0441\u0442\u0438\u0436\u0430 \u0440\u0430\u0432\u0435\u043d \"+game.copperGrowth.toString();         document.getElementById(\"divLblPrestige\").style.display = \"block\";       } else {         document.getElementById(\"divLblPrestige\").style.display = \"none\";       }     } <\/code><\/pre>\n<p>  \u0424\u0443\u043d\u043a\u0446\u0438\u044f winGame \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u0442\u0430\u0439\u043c\u0435\u0440, \u043f\u043e \u0438\u0441\u0442\u0435\u0447\u0435\u043d\u0438\u044e \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0434\u0438\u0430\u043b\u043e\u0433 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f. \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0440\u0435\u0441\u0442\u0430\u0440\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u0442 \u0432\u0441\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043d\u0430 \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u043d\u043e \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u043f\u0440\u0438\u0440\u043e\u0441\u0442\u0430 \u043c\u043e\u043d\u0435\u0442.<\/p>\n<p>  \u0412 \u0446\u0435\u043b\u043e\u043c, \u0438\u0433\u0440\u0430 \u0433\u043e\u0442\u043e\u0432\u0430:<\/p>\n<p>   \u2014 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u0430;<br \/>   \u2014 \u0434\u043e\u0431\u044b\u0447\u0443 \u0440\u0435\u0441\u0443\u0440\u0441\u0430;<br \/>   \u2014 \u0442\u0440\u0430\u0442\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u043d\u0430 \u0430\u043f\u0433\u0440\u0435\u0439\u0434 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0435\u0433\u043e \u0434\u043e\u0431\u044b\u0447\u0438;<br \/>   \u2014 \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0434\u043e\u0431\u044b\u0447\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u0430;<br \/>   \u2014 \u0443\u0441\u043b\u043e\u0432\u0438\u0435 \u043f\u043e\u0431\u0435\u0434\u044b;<br \/>   \u2014 \u0437\u0430\u043f\u0438\u0441\u044c \u0438 \u0447\u0442\u0435\u043d\u0438\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438\u0433\u0440\u044b \u0432 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430;<br \/>   \u2014 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0435\u0449\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u0441 \u0434\u043e\u0431\u044b\u0447\u0435\u0439 \u0438 \u0430\u043f\u0433\u0440\u0435\u0439\u0434\u043e\u043c \u0435\u0433\u043e \u0434\u043e\u0431\u044b\u0447\u0438;<br \/>   \u2014 \u043e\u0431\u043c\u0435\u043d \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432;<br \/>   \u2014 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u0440\u0435\u0441\u0442\u0430\u0440\u0442\u0430 \u0438\u0433\u0440\u044b \u0438 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u041f\u0440\u0435\u0441\u0442\u0438\u0436\u0430.<\/p>\n<p>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/92219b21e9919fcfc73f093bf634fe9fa8656bd1\">92219b2<\/a>.<\/p>\n<p>  \u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435, \u0447\u0442\u043e \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c, \u044d\u0442\u043e \u0434\u0440\u0443\u0433\u043e\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0443 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u0430 \u0435\u0441\u0442\u044c \u043e\u0434\u043d\u0430, \u043d\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430.<\/p>\n<p>  \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0441\u0435\u0431\u0435, \u0447\u0442\u043e \u0432\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0435 \u0438\u0433\u0440\u0443, \u043f\u0443\u0431\u043b\u0438\u043a\u0443\u0435\u0442\u0435 \u0435\u0435 \u043d\u0430 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440\u0435 (\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043d\u0430 github pages), \u0430 \u043b\u044e\u0434\u0438 \u0432 \u043d\u0435\u0435 \u0438\u0433\u0440\u0430\u044e\u0442. \u0421\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0432\u044b \u0432\u043d\u043e\u0441\u0438\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u0438\u0433\u0440\u0443, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442 \u043d\u043e\u0432\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043a \u0438\u0433\u0440\u043e\u0432\u043e\u043c\u0443 \u043e\u0431\u044a\u0435\u043a\u0442\u0443 game.<\/p>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u0440\u0443\u043a\u0430\u043c\u0438.<\/p>\n<p>  \u0418\u0433\u0440\u043e\u043a \u0437\u0430\u0445\u043e\u0434\u0438\u0442 \u0441\u043e \u0441\u0442\u0430\u0440\u044b\u043c \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\u043c, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 coppers \u0438 silvers, \u043d\u043e \u043d\u0435\u0442, \u0441\u043a\u0430\u0436\u0435\u043c, \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 gold. \u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u0448 game \u043e\u0431\u044a\u0435\u043a\u0442 \u0438 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0442\u043e\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043d \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0438 \u0442\u0435\u043f\u0435\u0440\u044c \u0432\u043d\u0443\u0442\u0440\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 \u0432 \u0435\u0433\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0438. \u0410 \u043a\u043e\u0434-\u0442\u043e \u043c\u044b \u0443\u0436\u0435 \u043e\u0431\u043d\u043e\u0432\u0438\u043b\u0438! \u0418 \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0441\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0435\u0442. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043a\u043e\u0434 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043e\u0448\u0438\u0431\u043a\u0438, \u0432\u043f\u043b\u043e\u0442\u044c \u0434\u043e \u043f\u043e\u043b\u043d\u043e\u0439 \u043d\u0435\u0440\u0430\u0431\u043e\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u0438\u0433\u0440\u044b. \u041d\u0430 \u0443\u0434\u0438\u0432\u043b\u0435\u043d\u0438\u0435, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u044d\u0442\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443, \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u0432\u0441\u0435\u0433\u043e \u0434\u0432\u0435 \u0441\u0442\u0440\u043e\u0447\u043a\u0438 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438\u0433\u0440\u044b:<\/p>\n<pre><code class=\"plaintext\">    function loadGame() {       gameTemp = JSON.parse(localStorage.getItem('gameTutorial'));       for (var propertyName in gameTemp) { game[propertyName] = gameTemp[propertyName]; }       updateUI();     } <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c, \u0435\u0441\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u0435 \u0432 game = { gold: 1, } \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435\u0441\u044c \u0441 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0442\u0430\u0440\u043e\u0433\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f, \u0433\u0434\u0435 \u0437\u043e\u043b\u043e\u0442\u0430 \u0435\u0449\u0435 \u043d\u0435 \u0431\u044b\u043b\u043e, \u0442\u043e \u0437\u043e\u043b\u043e\u0442\u043e \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 \u0438 \u0438\u0433\u0440\u043e\u0432\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430 \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u0435\u0442\u0441\u044f.<br \/>  \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0433\u0440\u0443 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438: <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/83c258d7d27f28de9cc8cef933a382e847da7e94\">83c258d<\/a>.<\/p>\n<p>  \u0415\u0449\u0435 \u043e\u0434\u043d\u043e. \u041f\u0435\u0440\u0435\u043d\u043e\u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0435\u0433\u043e \u0442\u043e\u0436\u0435 \u0437\u0430\u043f\u0438\u043b\u0438\u043c.<\/p>\n<pre><code class=\"plaintext\">  &lt;hr&gt;   &lt;button id=\"btnSaveGame\" onclick=\"saveGame()\" style=\"width: 240px;\"&gt;\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt;   &lt;br&gt;   &lt;button id=\"btnExportGame\" onclick=\"exportGame()\" style=\"width: 240px;\"&gt;\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt;   &lt;div id=\"divLblExport\" style=\"display: none\"&gt;&lt;\/div&gt;   &lt;br&gt;   &lt;hr&gt;   &lt;button id=\"btnLoadGame\" onclick=\"loadGame()\" style=\"width: 240px;\"&gt;\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt;   &lt;br&gt;   &lt;button id=\"btnImportGame\" onclick=\"importGame()\" style=\"width: 240px;\"&gt;\u0418\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0433\u0440\u0443&lt;\/button&gt;&lt;br&gt; <\/code><\/pre>\n<p>  \u041e\u0431\u043d\u043e\u0432\u0438\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441.<\/p>\n<pre><code class=\"plaintext\">    let countdown = 30;     let showExport = 0;     function updateUI() {       ...       if (showExport===1){         document.getElementById(\"divLblExport\").style.display = \"block\";       } else {         document.getElementById(\"divLblExport\").style.display = \"none\";       }     }     function exportGame() {       exportTimer = setInterval(exportCountdown, 1000);       document.getElementById(\"divLblExport\").innerHTML = btoa(JSON.stringify(game));       showExport = 1;       updateUI();     }     function exportCountdown() {       if (countdown &gt; 0) {         countdown = countdown - 1;       } else {         clearTimeout(exportTimer);         countdown = 30;         showExport = 0;         updateUI();       }     }     function importGame() {       let importString = prompt('\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0434\u043b\u0438\u043d\u043d\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430');       gameTemp = JSON.parse(atob(importString));       for (var propertyName in gameTemp) { game[propertyName] = gameTemp[propertyName]; }       updateUI();     } <\/code><\/pre>\n<p>  \u0414\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0434\u0432\u0435 \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0445 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445, \u043e\u0431\u043d\u043e\u0432\u0438\u043b\u0438 updateUI(), \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u0442\u0440\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u2014 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430, \u0438\u043c\u043f\u043e\u0440\u0442\u0430, \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442 \u0444\u043b\u0430\u0433 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430, \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u00ab\u0441\u0442\u0430\u0440\u044b\u0439\u00bb \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0447\u0435\u0440\u0435\u0437 30 \u0441\u0435\u043a\u0443\u043d\u0434 \u043f\u043e\u0441\u043b\u0435 \u0435\u0433\u043e \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u0440\u044b\u0442.<\/p>\n<p>  <a href=\"https:\/\/github.com\/Areso\/incremental-idle-tutorial-ru\/commit\/c619f038c2b0703fb43dc2ddec02f13bfb08d701\">\u041d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0432\u0441\u0451.<\/a><\/div>\n<p>               <script class=\"js-mediator-script\">!function(e){function t(t,n){if(!(n in e)){for(var r,a=e.document,i=a.scripts,o=i.length;o--;)if(-1!==i[o].src.indexOf(t)){r=i[o];break}if(!r){r=a.createElement(\"script\"),r.type=\"text\/javascript\",r.async=!0,r.defer=!0,r.src=t,r.charset=\"UTF-8\";var d=function(){var e=a.getElementsByTagName(\"script\")[0];e.parentNode.insertBefore(r,e)};\"[object Opera]\"==e.opera?a.addEventListener?a.addEventListener(\"DOMContentLoaded\",d,!1):e.attachEvent(\"onload\",d):d() } } }t(\"\/\/mediator.mail.ru\/script\/2820404\/\",\"_mediator\")}(window);<\/script>      <br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/post\/465829\/\"> https:\/\/habr.com\/ru\/post\/465829\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\n<div class=\"post__text post__text-html js-mediator-article\" id=\"post-content-body\" data-io-article-url=\"https:\/\/habr.com\/ru\/post\/465829\/\">\u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u0432\u0430\u043c, \u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c <s>\u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0438\u0439 ToDo \u043b\u0438\u0441\u0442<\/s> \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0443\u044e \u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0443\u044e IDLE \u0438\u0433\u0440\u0443 \u043d\u0430 JavaScript, \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0432 \u043c\u0435\u043d\u044c\u0448\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0434\u043d\u044f \u0435\u0436\u0435\u0433\u043e\u0434\u043d\u044b\u0445 \u043a\u0430\u043d\u0438\u043a\u0443\u043b. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0432\u044b\u0431\u0440\u0430\u0442\u044c <s>\u0441\u043e\u0432\u0443<\/s> \u0438\u0433\u0440\u0443 \u043f\u043e\u043f\u0440\u043e\u0449\u0435 \u0438 \u043d\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0448\u0430\u0433\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 <s>\u043e\u0432\u0430\u043b\u043e\u043c \u0438 \u0433\u043e\u0442\u043e\u0432\u043e\u0439 \u0441\u043e\u0432\u043e\u0439<\/s> \u043f\u0443\u0441\u0442\u044b\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u0438 \u0433\u043e\u0442\u043e\u0432\u043e\u0439 \u0438\u0433\u0440\u043e\u0439. <\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/q5\/ne\/i7\/q5nei7lkowkaq4_vmnveajwuwra.jpeg\"><\/div>\n<p>  \u041b\u044e\u0434\u044f\u043c, \u0437\u043d\u0430\u044e\u0449\u0438\u043c \u043a\u0430\u043a \u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u0438\u0433\u0440\u044b, \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u0443\u0447\u043d\u043e; \u043b\u044e\u0434\u044f\u043c, \u0437\u043d\u0430\u044e\u0449\u0438\u043c JS, \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u043a\u043e\u0434 \u0441\u043a\u0432\u043e\u0437\u044c \u043f\u0430\u043b\u044c\u0446\u044b (\u0432\u043e \u0438\u0437\u0431\u0435\u0436\u0430\u043d\u0438\u0435 \u0442\u0440\u0430\u0432\u043c) \u0438 \u0447\u0438\u0442\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0438. \u041f\u043e\u0434 \u043a\u0430\u0442\u043e\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f, \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043d\u0430 \u043d\u043e\u0432\u0438\u0447\u043a\u043e\u0432.   <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-296666","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/296666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=296666"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/296666\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=296666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=296666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=296666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}