گرفتن مقدار های چند تگ و جمع کردن آنها

سلام من واسه دو عدد مثال میزنم شما خودت گسترشش بده.

<p>
  <button onclick="myFunction()">Try it</button>
</p>
<p>
  عدد اول را وارد کنید:
  <input type="text" id="txt1" name="text1" value="1">
  عدد دوم را وارد کنید:
  <input type="text" id="txt2" name="text2" value="2">
</p>
<p id="demo"></p>

function myFunction() {
  var y = document.getElementById("txt1").value;
  var z = document.getElementById("txt2").value;
  var x = y + z;
  document.getElementById("demo").innerHTML = x;
}

اینو ک روز اول یاد گرفتیم /:
اگه صدتا تگ بود چیکار کنیم
@arminrahmati999

یه چیزی شبیه ماشین حساب میخوای که مثلا چند عدد رو با هم جمع کرد؟

اره
درواقع الان برای سبد خرید میخوام که بیاد قیمت تمام ایتم هارو از تگ price بگیره و تو تگ جمع کل نشون بده
@arminrahmati999

اگه ماشین حسابی رو که مثلا هر چندتا عدد رو با هم جمع کنی رو بتونی بنویسی اینم دقیقا همونه.

@moomleianoo
سلام ، سبد خریدتون با چی نوشته شده؟جاوااسکریپت؟

سلام بله
@eniack

والا نمیدونم شما اگه مقتونید ی قطعه مثال بزنید ممنون میشم
@arminrahmati999

@moomleianoo
سبد خرید جاوااسکربپت پر از باگ امنیتیه فقط واسه تمرین خوبه ولی روی سایت اصلی استفاده نکنید...
و این طرز فکر شما غلطه ، قیمت کل سبد خریدو شما باید داشته باشیش
یعنی همون موقع که کاربری خرید میکنه به هر تعداد این عدده باید بدست بیاد

من واسه ماشین حساب مینویسم شما با توجه به سناریویی که داری واسه سبد خریدت بنویس.

<input id="result" name="result">
<input type="button" class="btnNum" name="btnNum" value="0" onclick="addChar(this.form.display, '0')">
<input type="button" class="btnNum" name="btnNum" value="1" onclick="addChar(this.form.display, '1')">
<input type="button" class="btnNum" name="btnNum" value="2" onclick="addChar(this.form.display, '2')">
<input type="button" class="btnNum" name="btnNum" value="3" onclick="addChar(this.form.display, '3')">
<input type="button" class="btnNum" name="btnNum" value="4" onclick="addChar(this.form.display, '4')">
<input type="button" class="btnNum" name="btnNum" value="5" onclick="addChar(this.form.display, '5)">
<input type="button" class="btnNum" name="btnNum" value="6" onclick="addChar(this.form.display, '6')">
<input type="button" class="btnNum" name="btnNum" value="7" onclick="addChar(this.form.display, '7')">
<input type="button" class="btnNum" name="btnNum" value="8" onclick="addChar(this.form.display, '8')">
<input type="button" class="btnNum" name="btnNum" value="9" onclick="addChar(this.form.display, '9')">
<input type="button" class="btnMath" name="btnMath" value="+" onclick="addChar(this.form.display, '+')">
<input type="button" class="btnTop" name="btnTop" value="=" onclick="if(checkNum(this.form.display.value)) { compute(this.form) }">

function addChar(input, character) {
    if(input.value == null || input.value == "0")
        input.value = character
    else
        input.value += character
}
function checkNum(str) {
    for (var i = 0; i < str.length; i++) {
        var ch = str.charAt(i);
        if (ch < "0" || ch > "9") {
            if (ch != "/" && ch != "*" && ch != "+" && ch != "-" && ch != "."
                && ch != "(" && ch!= ")" && ch != "%") {
                alert("invalid entry!")
                return false
                }
            }
        }
        return true
}

کدهای html مرتبطتون رو بزارید.