Antes de explicar mi problema, me gustaría especificar que soy nuevo, nunca antes había hecho algo así. La idea es simple, me gustaría hacer una página simple alojada en Altervista que cuando se presiona un botón agregue +1 a un contador. El caso es que me gustaría hacer este contador "online" para todos, en el sentido de que si dos personas distintas desde dos ordenadores distintos pulsan el botón simultáneamente el contador suma 2 y es visible para todos.
Un extra es agregar un simple "inserte su nombre de usuario aquí" para permitir que el sitio web almacene su nombre de usuario y muestre cómo en porcentaje contribuyó al número total, pero repito que esto es solo un extra.
Esto es lo que escribí por ahora, por favor no juzgues mis habilidades.
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); } <!DOCTYPE html> <html> <head> <title> CIAO GRIFONINJA</title> </head> <body> <h1 style="text-align: center;color: brown">SALUTA GRIFONINJA</h1> <button class="button" , onclick="myFunction()">CIAO GRIFONINJA</button> <p></p> Saluti: <span id=myNumber></span> </body> </html>