JS实现--流程控制（简单）

偏执的太偏执、 2022-12-10 03:37 179阅读 0赞

这种算是简单的流程控制吧，效果图如下

![20200923155858566.gif][]

当点击数字会依次增加。

当点击禁用 再点击数字不会增加

当点击开启 再点击数字 恢复还会增加

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <button id="numBtn">0</button>
        <button id="start">开启</button>
        <button id="end">禁用</button>
    </body>
    <script>
        var numBtn=document.getElementById("numBtn");
        var start=document.getElementById("start");
        var end=document.getElementById("end");
    
    
    
        var flag=true;
        var num=0;
        numBtn.onclick=function(){
            if(flag){
                num++;
                this.innerHTML=num;
            }
        }
    
        start.onclick=function(){
            flag=true;
        }
        end.onclick=function(){
            flag=false;
        }
    
    </script>
    </html>

只需要定义一个布尔型变量，当需要数字增加时，让变量处于true，即点击开启将变量设置为true

当需要禁止的时候，将变量变为0

[20200923155858566.gif]: /images/20221123/264531c30c9f46a3875f9b635289e328.png

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS-运算符及流程控制

文章目录 1.运算符（操作符） 1.1 运算符的分类 1.2 算数运算符 1.3 递增和递减运

﹏ヽ暗。殇╰゛Y/ 2024年03月17日 19:10/ 0 赞/ 85 阅读

相关 JS基础流程控制

阅读目录 if 三元表达式 switch while for break/continue label for/in

谁践踏了优雅/ 2023年10月06日 21:38/ 0 赞/ 65 阅读

相关 JS实现--流程控制（简单）

这种算是简单的流程控制吧，效果图如下 ![20200923155858566.gif][] 当点击数字会依次增加。当点击禁用再点击数字不会增加当点击开启再点击数

偏执的太偏执、/ 2022年12月10日 03:37/ 0 赞/ 180 阅读

相关【JS】993- JavaScript 异步流程控制

![6f32466e06b26221c22e39b138abef1d.png][] 来源 | https://github.com/cheogo/learn-javascri

不念不忘少年蓝@/ 2022年10月08日 05:32/ 0 赞/ 189 阅读

相关 js的流程控制分支

![在这里插入图片描述][3960b93584c440459733d4b6287dcf99.png] ![在这里插入图片描述][watermark_type_ZHJvaWR

一时失言乱红尘/ 2022年09月09日 04:58/ 0 赞/ 221 阅读

相关 Node.js-简单路由器控制

render.js: //引入模块 let http = require("http"); let fs = require("fs");

心已赠人/ 2022年05月15日 00:46/ 0 赞/ 147 阅读

相关 Js流程控制（查漏补缺）

1. 一：对数组和对象的遍历Jscript有一个特殊的for语句是for…in,具体语法格式如下： for(变量 in 数组或对象)

旧城等待，/ 2022年04月15日 06:53/ 0 赞/ 695 阅读

相关 java中流程控制的简单理解

本篇文章是读java编程的逻辑（java核心技术系列）作者马俊昌。强烈推荐这本书，结合计算机的远离和java基础进行分析，容易理解。首先，流程控制主要有两种：一种是条件执

冷不防/ 2022年04月08日 09:26/ 0 赞/ 153 阅读

相关 js_js流程控制

1、表达式、语句 ![1151059-20190428154626820-321544929.png][] 2、流程控制顺序分支循环分支循环结构都

梦里梦外;/ 2022年01月09日 11:41/ 0 赞/ 310 阅读

相关 js基础——流程控制语句

1、if语句 if(条件表达式)\{ 若条件成立只执行我，下面的分支不执行 \}else if(条件表达式)\{ 语句; \}else if(条件

以你之姓@/ 2021年10月26日 14:38/ 0 赞/ 405 阅读