#javascript #html
#язык JavaScript #HTML
Вопрос:
Прежде чем объяснить свою проблему, я хотел бы уточнить, что я новичок, я никогда не делал ничего подобного раньше. Идея проста, я хотел бы сделать простую страницу, размещенную в Altervista, чтобы при нажатии кнопки добавить 1 к счетчику. Дело в том, что я хотел бы сделать этот счетчик «онлайн» для всех, в том смысле, что если два разных человека с двух разных компьютеров одновременно нажимают кнопку, счетчик добавляет 2 и виден всем.
Дополнительно можно добавить простое «введите свое имя пользователя здесь», чтобы веб-сайт мог хранить ваше имя пользователя и показывать, в каком проценте вы внесли свой вклад в общее число, но я повторяю, что это только дополнительное.
Это то, что я написал сейчас, пожалуйста, не судите о моих способностях.
if (localstorage.clickcount) { document.getElementById("myNumber").innerHTML = localStorage.clickcount; } function myFunction() { if (localStorage.clickcount) { localStorage.clickcount = Number(localStorage.clickcount) 1; } else { localStorage.clickcount = 1; } document.getElementById("myNumber").innerHTML = localStorage.clickcount; } .button { display: inline-block; padding: 45px 75px; font-size: 72px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #4CAF50; border: none; border-radius: 15px; box-shadow: 0 9px #999; } .button:hover { background-color: #3e8e41 } .button:active { background-color: #3e8e41; box-shadow: 0 5px #666; transform: translateY(4px); } lt;!DOCTYPE htmlgt; lt;htmlgt; lt;headgt; lt;titlegt; CIAO GRIFONINJAlt;/titlegt; lt;/headgt; lt;bodygt; lt;h1 style="text-align: center;color: brown"gt;SALUTA GRIFONINJAlt;/h1gt; lt;button class="button" , onclick="myFunction()"gt;CIAO GRIFONINJAlt;/buttongt; lt;pgt;lt;/pgt; Saluti: lt;span id=myNumbergt;lt;/spangt; lt;/bodygt; lt;/htmlgt; Комментарии:
1. То, что вы пытаетесь сделать,нетривиально. Самое близкое, что можно было бы считать готовым решением,-это подписка на graphql и мутация для обновления некоторого постоянного счетчика на сервере. Ваш код изменяет значение только в браузере одного пользователя.
2. @AndrewGillis абсолютно прав. Вам понадобится больше, чем одна HTML-страница, чтобы решить эту проблему.
3. Мне нравится помогать новичкам. Функция «Моя функция» запускается в браузере каждого посетителя и вообще не взаимодействует с Altervista. Вам нужна онлайн-служба, которая запускает службу, которая позволит вам хранить данные и получать к ним доступ, как было предложено выше, или которая позволит вам загружать и запускать собственное программное обеспечение .