Форум

puzjob · #21 (**permalink**) 05.03.2017, 14:14

рони,
Спасибо большое Рони!

Grasss · #22 (**permalink**) 02.02.2019, 00:21

Сообщение от walik

Так что ли ?

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
	$('#myObj').click(function() {
		$('#counter').html(+$('#counter').html()+1);
	});
});
</script>
<style>
#myObj {
	border: 1px;width: 100px;height: 100px;
}
</style>
</head>
<body>
<div id="myObj">Click Me</div>
<div id="counter">0</div>
</body>
</html>

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

j0hnik · #23 (**permalink**) 02.02.2019, 06:10

Grasss,
Не лучше ли в localStorage сохранять?

Grasss · #24 (**permalink**) 02.02.2019, 12:17

Суть как раз в том, чтобы данные хранились на сервере в файлике.
Каждый посетитель должен видеть общее число кликов.

Grasss · #25 (**permalink**) 02.02.2019, 19:14

Можно пример кода?

рони · #26 (**permalink**) 02.02.2019, 20:09

похоже на чат, только вывод общего количества сообщений.

Grasss · #27 (**permalink**) 02.02.2019, 22:11

Примерно так

j0hnik · #28 (**permalink**) 03.02.2019, 03:46

const express = require('express');
const fs = require('fs');
const bodyParser = require('body-parser');
var app = express();
app.use(bodyParser.text({ type: 'text/plain' }));

app.route('/').get((req, res) => {
	res.send(`
	<div id="myObj">Click Me</div>
	<div id="counter">${fs.readFileSync('count.txt').toString() || '0'}</div>
	<script>
	myObj.onclick = e=> {
	var req = new XMLHttpRequest();

req.onreadystatechange = e => {
	if(req.readyState == 4 && req.status == 200){
		counter.textContent = req.response;
	}
};

req.open('POST', 'http://localhost:3000');
req.setRequestHeader('Content-Type', 'text/plain');
req.send('count++');
};
	</script>	
	`);
}).post((req, res) => {
	if (req.body === 'count++') {
		var count = (Number(fs.readFileSync('count.txt')) + 1).toString();
		fs.writeFileSync('count.txt', count);
		res.send(count);
	}
});
app.listen(3000);

хотя для такой задачи наверное больше socket подойдет

Форум

Справочник

Discord чат

Курсы javascript