每次使用 jquery 单击新按钮时，尝试使显示的 HTML 发生变化

Posted 2023-05-08

【中文标题】每次使用 jquery 单击新按钮时，尝试使显示的 HTML 发生变化

【英文标题】：Trying to get the HTML displayed to change every time a new button is clicked with jquery

【发布时间】：2022-01-14 13:32:49

【问题描述】：

let table = 6;
let i = 1;
$(function() 
    let $newOperatorButton = $('button');
       
    $newOperatorButton.on('click', function math()
            let msgOperator = '';
            let expression;
            let operator = $(this).attr("value");
            if(operator === '+')
                msgOperator = ' + ';
                expression = (table + i);
                while(i < 11)
                    msg += table + msgOperator + i + ' = ' + (table + i) + '<br />';
                    i++; 
                
             else if (operator === '-') 
                msgOperator = ' - ';
                expression = (table - i);
                while(i < 11)
                    msg += table + msgOperator + i + ' = ' + (table - i) + '<br />';
                    i++; 
                

缺少一些代码，但它增加了乘法和除法

            let el = document.getElementById('blackboard');
            el.innerhtml = msg;
        
        
    );
);

这段代码在我的 index.html 中的 body 标签内

        <section id="page">
            <section id="blackboard"></section>
        </section>
        <form id="operator">
            <button name="add" type="button" value="+">+</button>
            <button name="subtract" type="button" value="-">-</button>
            <button name="multiply" type="button" value="x">x</button>
            <button name="division" type="button" value="/">/</button>
        </form>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="/index.js"></script>

我有它，所以它会根据单击的按钮打印出一个包含 10 个数字的表格。例如。表 = 6 和 i = 1 是 6+1=7.... 6+10=16

【参考方案1】：

最后你需要一个 if 语句来重置你的方程和变量。

在你运行你的等式之后，“i”仍然等于 11，所以它永远不会再次进入 while 循环，你还需要清空你的消息，这样它就不会继续向你现有的文本添加额外的文本。

 $("#blackboard").html(msg)
         
        if (i == 11) 
            
            i = 1
            msg = ""
            
        
     

【讨论】：

谢谢！