Question

我需要帮助！当你按下每个按钮时，它应该在正文中附加该按钮的百分比。出于某种原因，它似乎并没有表现出来。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
    var numOfPressedOne = 0;
    var numOfPressedTwo = 0;
    var totalPressed = 0;
    var buttonOnePct = numberOfPressedOne/totalPressed;
    var buttonTwoPct = 0;

    var pressedOne = function(){
        numberOfPressedOne ++;
        totalPressed ++;
        $("body").append(buttonOnePct + "%");       
    };

    var pressedTwo = function(){
        numberOfPressedTwo ++;
        totalPressed ++;
        $("body").append(buttonTwoPct + "%");       
    };
</script>
</head>
<body>
    <input type="button" id="buttonOne" value="press" onclick="pressedOne;"/>
    <input type="button" id="buttonTwo" value="press" onclick="pressedTwo;"/>
</body>

Answer 1

您的代码存在许多问题。以下是我的看法：

<script>
    var numberOfPressedOne = 0;
    var numberOfPressedTwo = 0;
    var totalPressed = 0;
    var buttonOnePct = numberOfPressedOne/totalPressed;
    var buttonTwoPct = 0;

    var pressedOne = function(){
        numberOfPressedOne ++;
        totalPressed ++;
        buttonOnePct = numberOfPressedOne/totalPressed;
        $("body").append("<br\>button 2: " + buttonOnePct*100 + "%");
    };

    var pressedTwo = function(){
        numberOfPressedTwo ++;
        totalPressed ++;
        buttonTwoPct = numberOfPressedTwo/totalPressed
        $("body").append("<br\>button 1: " + buttonTwoPct*100 + "%");
    };
</script>
</head>
<body>
    <input type="button" id="buttonOne" value="press" onclick="pressedOne();"/>
    <input type="button" id="buttonTwo" value="press" onclick="pressedTwo();"/>
</body>

首先，您使用的是名为numberOfPressedOne和numOfPressedOne

的变量

其次，buttonOnePct和buttonTwoPct需要在用户点击的每一天都更新

第三，按钮需要onclick="pressedOne();"而不是onclick="pressedOne;"

最后，我添加了一些代码来美化输出，使其成为"<br\>button 1: " + buttonTwoPct*100 + "%"，但如果你愿意，你可以恢复它。

Answer 2

问题在于您是否引用了您的功能，但您并未对其进行调用。尝试这样的事情：

<input type="button" id="buttonOne" value="press" onclick="pressedOne()" />

编辑：您的功能也不会创建任何新元素。请尝试以下方法：

var pressedOne = function() {
    numberOfPressedOne ++;
    totalPressed ++;
    $("body").append("<p>" + buttonOnePct + "%</p>");
};

我需要这个简单百分比网络应用程序的帮助

2 个答案: