garder soit amount soit buy price et mettre les multiplicateurs de risque

simulator.html

@@ -203,36 +203,36 @@
                         <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                             <div>
                                 <label class="block text-sm font-medium text-gray-300 mb-1">Buy Price (USDT)</label>
-                                <input type="number" class="bg-gray-700 border border-gray-600 text-white rounded-lg px-4 py-2 w-full focus:ring-2 focus:ring-violet-500 focus:border-transparent" placeholder="0.00" id="buyPrice">
+                                <input type="number" class="bg-gray-700 border border-gray-600 text-white rounded-lg px-4 py-2 w-full focus:ring-2 focus:ring-violet-500 focus:border-transparent" placeholder="0.00" id="buyPrice" oninput="calculateRisk()">
                             </div>
                             <div>
-                                <label class="block text-sm font-medium text-gray-300 mb-1">Amount (USDT)</label>
-                                <input type="number" class="bg-gray-700 border border-gray-600 text-white rounded-lg px-4 py-2 w-full focus:ring-2 focus:ring-violet-500 focus:border-transparent" placeholder="0.00" id="buyAmount">
+                                <label class="block text-sm font-medium text-gray-300 mb-1">Amount (BTC)</label>
+                                <input type="number" class="bg-gray-700 border border-gray-600 text-white rounded-lg px-4 py-2 w-full focus:ring-2 focus:ring-violet-500 focus:border-transparent" placeholder="0.00" id="buyAmount" oninput="calculateRisk()">
                             </div>
-                        </div>
+</div>
                         <div class="grid grid-cols-4 gap-2 mb-4">
                             <div class="relative">
                                 <button class="bg-gray-700 hover:bg-gray-600 text-white py-2 rounded-lg text-sm w-full" onclick="setLeverage(1)">1x</button>
-                                <div class="absolute -bottom-6 left-0 right-0 text-xs text-center text-gray-400">$0 fee</div>
+                                <div class="absolute -bottom-6 left-0 right-0 text-xs text-center text-gray-400">Low Risk</div>
                             </div>
                             <div class="relative">
                                 <button class="bg-gray-700 hover:bg-gray-600 text-white py-2 rounded-lg text-sm w-full" onclick="setLeverage(5)">5x</button>
-                                <div class="absolute -bottom-6 left-0 right-0 text-xs text-center text-gray-400">$5 fee</div>
+                                <div class="absolute -bottom-6 left-0 right-0 text-xs text-center text-gray-400">Medium Risk</div>
                             </div>
                             <div class="relative">
                                 <button class="bg-gray-700 hover:bg-gray-600 text-white py-2 rounded-lg text-sm w-full" onclick="setLeverage(10)">10x</button>
-                                <div class="absolute -bottom-6 left-0 right-0 text-xs text-center text-gray-400">$10 fee</div>
+                                <div class="absolute -bottom-6 left-0 right-0 text-xs text-center text-gray-400">High Risk</div>
                             </div>
                             <div class="relative">
                                 <button class="bg-gray-700 hover:bg-gray-600 text-white py-2 rounded-lg text-sm w-full" onclick="setLeverage(25)">25x</button>
-                                <div class="absolute -bottom-6 left-0 right-0 text-xs text-center text-gray-400">$25 fee</div>
+                                <div class="absolute -bottom-6 left-0 right-0 text-xs text-center text-gray-400">Extreme Risk</div>
                             </div>
                         </div>
                         <div class="flex justify-between items-center mb-2">
-                            <span id="feeDisplay" class="text-sm text-gray-400">Fee: $0</span>
+                            <span id="positionSize" class="text-sm text-gray-400">Position: $0</span>
                             <span id="riskLevel" class="text-sm text-gray-400">Risk: Low</span>
                         </div>
-                        <button class="w-full bg-green-500 hover:bg-green-600 text-white py-2 rounded-lg font-medium" onclick="executeOrder('buy')">Buy BTC</button>
+<button class="w-full bg-green-500 hover:bg-green-600 text-white py-2 rounded-lg font-medium" onclick="executeOrder('buy')">Buy BTC</button>
 </div>
 
                     <!-- Sell Section (hidden by default) -->
@@ -508,24 +508,33 @@ try {
                 });
             });
         });
+        // Calculate position size and risk
+        function calculateRisk() {
+            const price = parseFloat(document.getElementById('buyPrice').value) || 0;
+            const amount = parseFloat(document.getElementById('buyAmount').value) || 0;
+            const positionSize = price * amount * currentLeverage;
+            
+            document.getElementById('positionSize').textContent = `Position: ${positionSize.toFixed(2)}`;
+            
+            let riskLevel = 'Low';
+            if (currentLeverage >= 25) riskLevel = 'Extreme';
+            else if (currentLeverage >= 10) riskLevel = 'High';
+            else if (currentLeverage >= 5) riskLevel = 'Medium';
+            
+            document.getElementById('riskLevel').textContent = `Risk: ${riskLevel}`;
+        }
+
         // Set leverage multiplier
         let currentLeverage = 1;
-        let currentFee = 0;
         function setLeverage(multiplier) {
             currentLeverage = multiplier;
-            currentFee = {
-                1: 0,
-                5: 5,
-                10: 10,
-                25: 25
-            }[multiplier] || 0;
             
             document.querySelectorAll('#buySection button').forEach(btn => {
                 btn.classList.toggle('bg-violet-500', btn.textContent.includes(`${multiplier}x`));
                 btn.classList.toggle('bg-gray-700', !btn.textContent.includes(`${multiplier}x`));
             });
             
-            document.getElementById('feeDisplay').textContent = `Fee: ${currentFee}`;
+            calculateRisk();
         }
 // Execute buy/sell order
         function executeOrder(type) {