نمایش نتایج 1 تا 5 از 5

نام تاپیک: ضرب و کسر درصد از Input

  1. #1

    ضرب و کسر درصد از Input

    دوستان سوالی داستم در مورد ضرب دو عدد و کسر درصد ار حاصل ضرب عداد

    ما عداد 4 تا input داریم که دومی و سومی input غیر غابل تغییر توسط کار بر میباشد
    کد HTML:
    <input type="number"  id="meghdar">
    <input type="number" id="gheymat" value="17000" disabled>
    
    <input type="text" id="darsad" value="6%" disabled>
    
    <input type="number" id="mohasebe">
    
    
    </body>
    
    <script>
      نمایش        6%-    17000    مقدار توسط کار بر وارد میشود
     meghdar       *gheymat-(darsad) = mohasebe
    
    
    
    </script>
    میشه راهنمایی کنید چگونه این کارو انجام بدم

    برای کار صرافی میخوام که رقم رو بگیره محاسبه کنه و قیمت نهایی رو بگه

    ممنون از دوستان

  2. #2
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    2,360

    نقل قول: ضرب و کسر درصد از Input

    مقدار یک اینپوت رو با جیکوئری اینجوری میتونی بگیری

    $('#gheymat').val()


    بقیش هم که ضرب و تقسیمه

  3. #3

    نقل قول: ضرب و کسر درصد از Input

    تشکر از لطف شما

  4. #4

    نقل قول: ضرب و کسر درصد از Input

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

    کار این شکلی میشه
    d.png

    کد HTML:
    <div id="header_Computing">
        <div id="header_Computing_label">
            <label>مقدار به یورو</label>
            <label>قیمت یورو</label>
            <label>کسورات</label>
            <label>مقدار به تومان</label>
        </div>
        <div id="header_Computing_input">
            <input id="euro" oninput="calcE()" onchange="calcE" type="number" style="position: absolute;top: 0;right: 20px;">
            <input id="price" type="number" value="17000" disabled style="position: absolute;top: 0;right: 159px;">
            <input id="percent" type="text" value="%7" disabled style="position: absolute;top: 0;right: 292px;">
            <input id="toman" oninput="calcT()" onchange="calcT()" type="number" style="position: absolute;top: 0;right: 430px;">
        </div>
    
    
    </div>
    و کد CSS
    کد HTML:
    #header_Computing{
        width: 640px;
        height: 150px;
        direction: rtl;
        float: right;
    }
    #header_Computing_label{
        font-family: homa, fantasy;
        font-size: 11pt;
        color: grey;
        width: 100%;
        height: 75px;
    }
    #header_Computing_label label{
        margin: 35px 75px 0 0;
        display: inline-block;
    }
    #header_Computing_input{
        font-family: homa, fantasy;
        font-size: 11pt;
        color: grey;
        width: 100%;
        height: 75px;
        position: relative;
    }
    #header_Computing_input input{
        width: 108px;
        height: 30px;
        display: inline-block;
        margin: 2px 30px 0 0;
        border: 1px solid #9ae2ff;
        box-shadow: 0px 3px 5px #c3e3ff;
        border-radius: 15px;
        -moz-appearance: textfield;
        text-align: center;
        font-family: homa, fantasy;
        font-size: 11pt;
    
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    
    }
    و در آخر JS

    کد HTML:
    function calcE(){
        x = document.getElementById("euro").value;
        y = document.getElementById("price").value;
        let sum = x * y;
        let pro = (sum/100)*6;
        document.getElementById("toman").value = (sum - pro);
    }
    function calcT(){
        x = document.getElementById("toman").value;
        y = document.getElementById("price").value;
        let sum = x / y;
        let pro = (sum/100)*6;
        document.getElementById("euro").value = Math.ceil(sum + pro);
    }
    دوستان اگر روش بهتر و کوتاه تر سراغ دارید ممنون میشم

  5. #5

    نقل قول: ضرب و کسر درصد از Input

    نقل قول نوشته شده توسط plague مشاهده تاپیک
    مقدار یک اینپوت رو با جیکوئری اینجوری میتونی بگیری

    $('#gheymat').val()


    بقیش هم که ضرب و تقسیمه

    ممنون از لطف شما

تاپیک های مشابه

  1. تغییر استایل input شماره 1 وقتی که ما روی input شماره 2 focus کنیم
    نوشته شده توسط abbas3zaar در بخش طراحی وب (Web Design)
    پاسخ: 1
    آخرین پست: سه شنبه 10 فروردین 1395, 07:09 صبح
  2. گرفتن مقدار از طریق input و چاپ آن از طریف php
    نوشته شده توسط alimo0900 در بخش PHP
    پاسخ: 1
    آخرین پست: دوشنبه 10 اسفند 1394, 04:21 صبح
  3. پاسخ: 2
    آخرین پست: دوشنبه 29 آبان 1391, 12:03 عصر
  4. تگ input و بارکد خوان
    نوشته شده توسط tux-world در بخش jQuery
    پاسخ: 2
    آخرین پست: چهارشنبه 12 مهر 1391, 19:46 عصر
  5. input box
    نوشته شده توسط yasa_sabnet68 در بخش C#‎‎
    پاسخ: 2
    آخرین پست: دوشنبه 13 مهر 1388, 16:55 عصر

برچسب های این تاپیک

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •