ضرب و کسر درصد از 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>

---

میشه راهنمایی کنید چگونه این کارو انجام بدم

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

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

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

$('#gheymat').val()

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

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

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

کار این شکلی میشه
ضمیمه 151666

کد 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);
}

---

دوستان اگر روش بهتر و کوتاه تر سراغ دارید ممنون میشم

نقل قول:

---

نوشته شده توسط plague

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

$('#gheymat').val()

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

---

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