Question

如何在HTML中多次显示一个变量？当变量香蕉增加时，它仅使用变量香蕉增加其中一个跨度。

skipper = true

def main():

    decision_function()
    calc_function1()
    calc_function2()
    calc_function3()
    decision_function(reqierment)

def decision_function():

    if skipper == True:
        do this
        skipper = False

    else:
        do that

Answer 1

使用香蕉类，而不是使用香蕉ID。 ID应该是唯一的...但由于你有三个地方想要使用它，你最好使用类。
由于您当时正在使用课程，请使用getElementsByClassName代替getElementById
这将返回一个类似于数组的对象，因此迭代它，并像之前一样更改innerHTML
???
利润！

Answer 2

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>

<h3>Example Code</h3>
<button class="button" onclick="Addbanana()">Add 1 Banana</button>
  <p>Bananas = <span class="banana"> 0 </span></p>
  <p>Bananas = <span class="banana"> 0 </span></p>
  <p>Bananas = <span class="banana"> 0 </span></p>


<script>
var banana = 0;
function Addbanana(){
    banana = banana + 1;
    $(".banana").each(function() {
        $(".banana").html(banana);
    })
}
</script>

</body>
</html>

如何在HTML中多次使用JavaScript变量

2 个答案: