单击按钮时递增计数器(JavaScript、HTML)
我想为HTML文档显示一个按钮,每次单击该按钮时,它都会递增。 在递增之后,我希望当再次访问文件时,计数器为用户显示的计数器是要保存的数字。 我读到的是,有一个名为addBtn的函数,它在单击时递增如何保存递增的值单击按钮时递增计数器(JavaScript、HTML),javascript,jquery,html,Javascript,Jquery,Html,我想为HTML文档显示一个按钮,每次单击该按钮时,它都会递增。 在递增之后,我希望当再次访问文件时,计数器为用户显示的计数器是要保存的数字。 我读到的是,有一个名为addBtn的函数,它在单击时递增如何保存递增的值 addBtn.on("click", function() { counter.html(++value); return; }); 可能是这样的。只需用选择器替换your_textfield var counter = 1; f
addBtn.on("click", function() {
counter.html(++value);
return;
});
可能是这样的。只需用选择器替换your_textfield
var counter = 1;
function increase(){
var textBox = document.getElementById("your_textfield");
textBox.value = counter;
counter ++;
}
如果你想用一个文件,你需要一个php来帮你 但这是一个使用web浏览器本地存储的简单方法
您可以查看浏览器的控制台日志 其中在其中显示了对象存储
<html>
<head>
<style>
.overlay {
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<p class="display"></p>
<input type="button" class="add" value="click me">
<script type="text/javascript">
$(document).on('ready', function(){
var count = 0;
var storage = window.localStorage;
var disp = $('p.display');
if (storage.getItem('count')) {
count = parseInt(storage.getItem('count'));
disp.html(count);
}
$('.add').on('click', function(){
if (storage.getItem('count') != null) {
count = parseInt(storage.getItem('count'));
}
count++;
storage.setItem('count', count);
disp.html(count);
console.log(storage);
});
});
</script>
</body>
</html>
计数值没有显示,如何调用和打印它旁边的计数值?我们可以把它看作一个字符串并写入文档吗?
addBtn.on("click", function() {
var counter=$(this).html();
counter+=1;
$(this).html(counter);
return;
});