当前位置: 代码迷 >> 综合 >> 027--Hbuilder--js--信号量思想1
  详细解决方案

027--Hbuilder--js--信号量思想1

热度:4   发布时间:2024-03-07 22:45:53.0

目的:单次点击使字体变大,一直点击一直变大,当变大为40的时候结束,字体不再变大。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>你好</title><link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/><style type="text/css">*{
    margin:0;padding:0;}p{
    width: 400px;height: 200px;color: skyblue;/*外边框*/border:1px solid yellow;margin:100px auto;text-align: center;line-height: 200px;background-color: black;}</style></head><body><p id = "haha">你好啊</p></body>
</html>
<script type="text/javascript">var haha = document.getElementById("haha");var haha1 = 15;haha.onclick = function(){
    if(haha1>=40){
    haha1=40;}else{
    haha1 += 5;}haha.style.fontSize = haha1 + "px";}
</script>