بسم الله الرحمن الرحيم
السلام عليكم
قمت بتصميم أداة تقوم بعمل حسابات رياضية بسيطة جداً لكن النواتج تظهر بشكل خاطئ في حال تجاوزت الرقم 9 في أي حقل
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>A tool</title>
<meta name="description" content="A tool">
<link rel="stylesheet" href="main.css">
</head>
<body>
<h1>أداة تعديل متوسط التكلفة للسهم</h1>
<h3>Input from user</h3>
<label>التكلفة القديمة</label><input type="number" id="oldCost" /><br>
<label>الكمية القديمة</label><input type="number" id="oldQuantity" /><br><br>
<label>التكلفة الجديدة</label><input type="number" id="newCost" /><br>
<label>الكمية الجديدة</label><input type="number" id="newQuantity" /><br>
<h3>Output</h3>
<button onclick="cacl()">احسب</button><br><br>
<label>السعر الجديد المعدل: </label><div id="Caclulate"></div>
<h4>note:</h4>
<p><b>السعر الجديد المعدل = (التكلفة القديمة + التكلفة الجديدة) / (الكمية القديمة + الكمية الجديدة)</b></p>
<!-- JavaScript -->
<script src="main.js"></script>
</body>
</html>
CSS:
html {
background: #e6e9e9;
background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%);
-webkit-font-smoothing: antialiased;
}
body {
direction: rtl;
background: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
color: #545454;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
margin: 0 auto;
max-width: 800px;
padding: 2em 2em 4em;
}
h1, h2, h3, h4, h5, h6 {
color: #222;
font-weight: 600;
line-height: 1.3;
}
b, strong {
font-weight: 600;
}
input {
margin: 5px;
}
JavaScript:
/*global console, alert, prompt*/
var oldPrice_input = document.getElementById("oldPrice").value,
oldQuantity_input = document.getElementById("oldQuantity").value,
oldCost_input = document.getElementById("oldCost").value,
newPrice_input = document.getElementById("newPrice").value,
newQuantity_input = document.getElementById("newQuantity").value,
newCost_input = document.getElementById("newCost").value,
oldPrice_output = oldCost_input / oldQuantity_input,
newPrice_indep_output = newCost_input / newQuantity_input,
TotalQuantity_output = oldQuantity_input + newQuantity_input,
TotalCost_output = oldCost_input + newCost_input,
newPrice_output = TotalCost_output / TotalQuantity_output;
function cacl() {
"use strict";
document.getElementById("Caclulate").innerHTML =
[(document.getElementById("oldCost").value + document.getElementById("newCost").value)] / [(document.getElementById("oldQuantity").value + document.getElementById("newQuantity").value)];
}
نفترض التالي:
التكلفة القديمة = 10
الكمية القديمة = 1
التكلفة الجديدة = 10
الكمية الجديدة = 1
الناتج الصحيح المفترض هو : 10 لكن الذي يظهر هو : 91.81818181818181
فما هي المشكلة؟
علماً بأن المعادلة المستخدمة هي:
السعر الجديد المعدل = (التكلفة القديمة + التكلفة الجديدة) / (الكمية القديمة + الكمية الجديدة)
