使用javascript计算多个输入值

问题描述 投票:0回答:3

我无法在html / javascript中创建5个输入字段的计算器(仅求和),但是我无法设法找到我的代码出了什么问题

我试图弄乱int而不是var这样的类型,然后将值传递给parseInt,我设法以某种方式获得了像“ 11111”这样的结果,它应该像是“ 5”,但是在那种情况下,结果永远不会被打印出来甚至在我添加了“ if not null”条件之后的innerHTML

这是我的html

    <body>
        <h1 class="head-title"></h1>
        <div class="input-group">
            <label for="design">Design :</label>
            <input class="input-text" type="number" id="design">
        </div>
        <div class="input-group">
            <label for="plot">Plot :</label>
            <input class="input-text" type="number" id="plot">
        </div>
        <div class="input-group">
            <label for="character">Character :</label>
            <input class="input-text" type="number" id="character">
        </div>
        <div class="input-group">
            <label for="enjoyment">Enjoyment :</label>
            <input class="input-text" type="number" id="enjoyment">
        </div>
        <div class="input-group">
            <label for="music">Music :</label>
            <input class="input-text" type="number" id="music">
        </div>
        <div class="button-group">
            <button class="button-primary" onclick="ratingCompute();">Calculate</button>
        </div>
        <div class="input-group">
            <label for="total">Rating :</label>
            <p class="rating-score" id="total"></p>
        </div>
    </body>

这是我的JavaScript

function ratingCompute()
{
    int designValue = document.getElementById("design").value;
    int plotValue = document.getElementById("plot").value;
    int charValue = document.getElementById("character").value;
    int enjoyValue = document.getElementById("enjoyment").value;
    int musicValue = document.getElementById("music").value;
    int totalValue = designValue + plotValue + charValue + enjoyValue + musicValue;

    if (totalValue != null)
    {
        document.getElementById("total").innerHTML = totalValue + "/10";
    }
    else
    {
        document.getElementById("total").innerHTML = "0/10";
    }
}

任何线索?

javascript html
3个回答
1
投票

JavaScript不是类型变量语言,请尝试使用let或const。


0
投票

int designValue = document.getElementById("design").value;

© www.soinside.com 2019 - 2024. All rights reserved.