Кнопка отражает количество кликов на ней

@Destroyerr · Регистрация: 09.12.2015

Студворк — интернет-сервис помощи студентам

Помогите пожалуйста.
Нужно создать кнопку с надписью "Нажата 0 раз". При нажатии на кнопку, надпись на ней должна изменяться на "Нажата 1 раз", т.е. кнопка должна отображать количество нажатий на неё.

@kalabuni · 18.11.2016, 21:07

HTML5
1
<input type="button" value="Нажата 0 раз" onclick="var t = this.value.split (' '); ++t [1]; this.value = t.join (' ')">

@Alei CD · 21.11.2019, 10:50

Отлично работает, но подскажите, как сделать чтобы после перезагрузки страницы счетчик снова не сбрасывался на ноль, а число сохранялось? Может быть создать файл для сохранения переменной?

@Balanaar · 21.11.2019, 11:26

HTML5
1
<input type="button" onclick="clickCounter()">

JavaScript
1
2
3
4
5
6
7
let clicks = +localStorage.getItem('clicks');
const button = document.querySelector('input[type="button"]');
button.value = `Нажата ${clicks} раз`;
function clickCounter() {
  localStorage.setItem('clicks', ++clicks);
  button.value = `Нажата ${clicks} раз`;
}

@Alei CD · 21.11.2019, 18:04

Balanaar, я не очень понял вашу запись кода что где? можете пояснить? мне надо это вставить на сервер. Должен быть сайт на котором есть кнопка с надписью и количеством нажатий на неё и чтобы после перезагрузки страницы число не сбрасывалось.

@Balanaar · 22.11.2019, 09:19

Alei CD, если вы хотите хранить данные по количеству кликов для каждого отдельного юзера на сервере, то вам надо задействовать БД, серверный язык и сессии, либо куки.

@Alei CD · 22.11.2019, 09:55

Balabaar, я не хочу хранить для отдельного юзера, я хочу от всех кто заходит на страницу. Про БД это точно, но почему-то не получается.

@kalabuni · 22.11.2019, 20:58

Alei CD, в данном случае БД как раз и не нужна -- достаточно будет иметь на сервере текстовой файл, в который программой на PHP будет перезаписываться количество кликов

@Alei CD · 23.11.2019, 09:44

kalabuni, я так и делал, у меня есть файл index.html:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE HTML>
<html>
<head>
<title>Show</title>
<style>
    body {
        background-color: #7FFFD4;
        
        background-attachment: fixed;
        ​​​​​​​​​}
   </style>
</head>
<body>
<center>
<h1>Show</h1>
<h1>Please subscribe to our channel!</h1>
<form action="index.php" method="post">
<input type="submit" name="countBut" value="Subscribe"/>
</form>
<H2>(fast-track)</H2>
<video width = "800" height = "500" poster = "10.jpg" controls>
            <source src = "clean.mp4" type = "video/mp4">
</video>
</body>
</html>

и есть index.php о котором упоминалось раньше:

PHP
1
2
3
4
5
6
7
8
<?php
if(isset($_POST['countBut'])){
    $count = file_get_contents('count.txt');
    $count++; // увеличиваем на еденицу
    file_put_contents('count.txt',$count);
}
else $count = file_get_contents('count.txt');
?>

также есть count.txt в который записывается число. На windows это штука работает на raspberry pi нет, подскажите какие могут быть ошибки? И ещё как сделать чтобы число из файла высвечивалось рядом с кнопкой?

Новые блоги и статьи Все статьи Все блоги /
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .

@Destroyerr 0 / 0 / 0 Регистрация: 09.12.2015 Сообщений: 16

	Кнопка отражает количество кликов на ней 18.11.2016, 20:03. Показов 20923. Ответов 8 Метки нет (Все метки) Помогите пожалуйста. Нужно создать кнопку с надписью "Нажата 0 раз". При нажатии на кнопку, надпись на ней должна изменяться на "Нажата 1 раз", т.е. кнопка должна отображать количество нажатий на неё. 0

@Alei CD 0 / 0 / 0 Регистрация: 21.11.2019 Сообщений: 8
	21.11.2019, 10:50
	Отлично работает, но подскажите, как сделать чтобы после перезагрузки страницы счетчик снова не сбрасывался на ноль, а число сохранялось? Может быть создать файл для сохранения переменной? 0

@Alei CD 0 / 0 / 0 Регистрация: 21.11.2019 Сообщений: 8
	21.11.2019, 18:04
	Balanaar, я не очень понял вашу запись кода что где? можете пояснить? мне надо это вставить на сервер. Должен быть сайт на котором есть кнопка с надписью и количеством нажатий на неё и чтобы после перезагрузки страницы число не сбрасывалось. 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	22.11.2019, 09:19
	Alei CD, если вы хотите хранить данные по количеству кликов для каждого отдельного юзера на сервере, то вам надо задействовать БД, серверный язык и сессии, либо куки. 0

@Alei CD 0 / 0 / 0 Регистрация: 21.11.2019 Сообщений: 8
	22.11.2019, 09:55
	Balabaar, я не хочу хранить для отдельного юзера, я хочу от всех кто заходит на страницу. Про БД это точно, но почему-то не получается. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	22.11.2019, 20:58
	Alei CD, в данном случае БД как раз и не нужна -- достаточно будет иметь на сервере текстовой файл, в который программой на PHP будет перезаписываться количество кликов 0

Кнопка отражает количество кликов на ней

Решение