Embed

<div class="diamond-calculator">

  <style>
    .diamond-calculator {
      max-width: 400px;
      margin: 20px auto;
      font-family: Arial, sans-serif;
    }

    .diamond-calculator * {
      box-sizing: border-box;
      word-break: normal !important;
      white-space: normal !important;
    }

    .diamond-calculator .input-group {
      margin-bottom: 15px;
    }

    .diamond-calculator label {
      display: block;
      margin-bottom: 5px;
      font-weight: bold;
    }

    .diamond-calculator input,
    .diamond-calculator select {
      width: 100%;
      padding: 10px;
      font-size: 16px;
    }

    .diamond-calculator button {
      width: 100%;
      padding: 12px;
      background: purple;
      color: white;
      border: none;
      cursor: pointer;
    }

    .diamond-calculator .result {
      margin-top: 15px;
      padding: 15px;
      background: #f3f3f3;
      text-align: center;
    }

    .diamond-calculator .earnings {
      font-size: 22px;
      font-weight: bold;
    }

    .diamond-calculator .note,
    .diamond-calculator .disclaimer {
      font-size: 12px;
      margin-top: 10px;
      text-align: center;
    }
  </style>

  <div class="input-group">
    <label>Anzahl der Diamanten</label>
    <input type="number" id="diamonds" placeholder="Anzahl eingeben">
  </div>

  <div class="input-group">
    <label>Währung</label>
    <select id="currency">
      <option value="USD">USD ($)</option>
      <option value="EUR" selected>EUR (€)</option>
      <option value="GBP">GBP (£)</option>
      <option value="INR">INR (₹)</option>
      <option value="PHP">PHP (₱)</option>
    </select>
  </div>

  <button onclick="calculateEarnings()">Einnahmen berechnen</button>

  <div class="result">
    <div>Geschätzte Einnahmen</div>
    <div class="earnings" id="earnings">€0.00</div>
  </div>

  <div class="note">1 Diamant = 0,005 USD</div>

  <div class="disclaimer">
    Dies ist nur eine Schätzung. Einnahmen können variieren.
  </div>

  <script>
    function calculateEarnings() {
      let diamonds = document.getElementById("diamonds").value || 0;
      let currency = document.getElementById("currency").value;

      let usd = diamonds * 0.005;

      let rates = {
        USD: 1,
        EUR: 0.85,
        GBP: 0.78,
        INR: 83,
        PHP: 56
      };

      let symbols = {
        USD: "$",
        EUR: "€",
        GBP: "£",
        INR: "₹",
        PHP: "₱"
      };

      let result = usd * rates[currency];

      document.getElementById("earnings").innerText =
        symbols[currency] + result.toFixed(2);
    }
  </script>

</div>

HG AGENTUR