assign کردن ورودی تگ های html به متغیر های تگ script

پرسیده شده
فعالیت 897 روز پیش
دیده شده 404 بار
0

سلام من این کد رو نوشتم که دوتا ورودی بگیره و بعد از زدن دکمه نتیجه رو چاپ کنه.

 نتیجه هم همونی شد ک میخوام اما یک مشکلی دارم
چرا کد به صورتی ک کامنت شده همین نتیجه رو نمیده؟

کد اولی خیلی طولانیه میخوام تمیز شه
در واقع توی assign کردن ورودی به متغیر مشکل دارم.
ورودی یک آی دی داره، چجوری داخل تگ script به متغیر assign کنمش؟ یا راه دیگه ای داره؟

فایل پیوست
sum.rar
518 B

عماد چشم آذر
عماد چشم آذر

26 مرداد 00

0
حذف شده

سلام آقای چشم آذر

من روی مسئله شما کار کردم و تا آنجایی که تونستم، آن را بهینه کردم. کد به همراه فایل را در اینجا قرار خواهد گرفت.

 

درباره ی کد دوم که شما کامنت کرده بودید، اشکال های زیادی دارد، مثلا اولین ارور مربوط به خط 35 کد و تابع onclick است که برای دکمه نوشته اید.

 

شما می توانید کد های بنده را ببینید و با کد های خود مقایسه کنید. امیدوارم که سوال شما با این کار بر طرف شود.

موفق باشید.

 

<!DOCTYPE html>
<html>
<head>
    <title>Calculator</title>
    <style>
        body , input , button{
            text-align: center;
            margin-top: 50px;
            font-size: xx-large;
        }
    </style>
</head>
<body>
    <input type="number" id="number1">
    <br> + <br>
    <input type="number" id="number2">
    <br> = <br>
    <button onclick="calc_numbers()">جمع کن</button>
    <h1 id="answer"></h1>


    <script>
        function calc_numbers() {

            var input1 = parseInt(document.getElementById("number1").value);
            var input2 = parseInt(document.getElementById("number2").value);
            var sum = input1 + input2;

            document.getElementById("answer").innerHTML = sum;
            return input1, input2, sum
        }
    </script>
</body>
</html>

 

فایل پیوست

امیر محمود کنگرلو

توسط

امیر محمود کنگرلو

13 آبان 00