Пишем кликер на js

Недавно играю в кликер, и тут в голову стукнуло: "А почему не сделать своё, но не приложение, а сайт?". Посмотреть что мы сделаем можно здесь!

Для начала напишим html и css:

А вот js придётся объяснить(и не только потому что надоели люди которые пишут: "А это не твой код, тут похожий...").

Сначала создаём две переменные:

1. var score = 0;
2. var updating = 1;

Первая переменная отвечает за деньги, вторая за уровень прокачки!

Потом сделаем функцию, которая при клике добавит деньги, и обновит текст тег h1 содержащий кол-во денег:

1. function clickBtn() {
2. score = score + updating;
3. document.getElementsByTagName("h1")[0].firstChild.data = score + "$";
4. }

Теперь сделаем ещё четыре похожие функции, которые отвечают за списание и повышение уровня:

1. function update() {
2. score = score - 100; document.getElementsByTagName("h1")[0].firstChild.data = score + "$";
3. if1();
4. updating += 1;
5. }
6. function update1() {
7. score = score - 150;
8. document.getElementsByTagName("h1")[0].firstChild.data = score + "$";
9. if1();
10. updating += 2;
11. }
12. function update2() {
13. score = score - 250; document.getElementsByTagName("h1")[0].firstChild.data = score + "$";
14. if1();
15. updating += 3;
16. }
17. function update3() {
18. score = score - 500;
19. document.getElementsByTagName("h1")[0].firstChild.data = score + "$"; if1(); updating += 10;
20. }

Куда без автокликера? И про покупку него я не забыл!

1. function auto() {
2. score = score - 10000;
3. document.getElementsByTagName("h1")[0].firstChild.data = score + "$";
4. if1();
5. setTimeout("plusauto()", 1000);
6. }

Сделаем ограничение по уходу в минус:

1. function if1 () {
2. if (score < -100) {
3. document.write("Вы проиграли, так-как вы превысили лимит кредита");
4. }
5. }

Эти строчки отвечают за работу автокликера:

1. function plusauto () {
2. score += updating;
3. document.getElementsByTagName("h1")[0].firstChild.data = score + "$";
4. setTimeout("auto1()", 1000);
5. }
6. function auto1 () {
7. score += updating;
8. setTimeout("plusauto()", 1000);
9. document.getElementsByTagName("h1")[0].firstChild.data = score + "$";
10. }
11. //Пасхалка))))))
12. function pashalka () {
13. score += 10000;
14. document.getElementsByTagName("h1")[0].firstChild.data = score + "$";
15. }

А эта функция отвечает за показ данных после нажатия на кнопку "Подробнее":

1. function reboot () {
2. alert("Ваш уровень прокачки " + updating + ". Ваш баланс " + score + " .");
3. }

Вот конечный код js:

Скачать все файлы с изображениями можно тут!