初学JavaScript，做一个类似购物车的小案例

最新推荐文章于 2022-10-12 19:22:28 发布

彭祥.

最新推荐文章于 2022-10-12 19:22:28 发布

阅读量310

点赞数 2

分类专栏：经验积累

本文链接：https://blog.csdn.net/pengxiang1998/article/details/103895246

版权

经验积累专栏收录该内容

135 篇文章 6 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo">0</p>
	<button onclick="add()">点我+1</button>
	<button onclick="del()">点我-1</button>

<p id="sum">0</p>
	
<script>
function add(){
	var x=document.getElementById("demo").innerHTML;
	if(x<10)
	x=x*1+1;//此处为转换格式使用x*1让其知道这是做数值运算而非字符串运算
	else x=x*1;
	document.getElementById("demo").innerHTML=x;
	document.getElementById("sum").innerHTML=x*30;
}
function del(){
	var x=document.getElementById("demo").innerHTML;
	if(x>0)
	x=x*1-1;//此处为转换格式使用x*1让其知道这是做数值运算而非字符串运算
	else x=x*1;
	document.getElementById("demo").innerHTML=x;
	document.getElementById("sum").innerHTML=x*30;
}

</script>

</body>
</html>