JSFiddle - React, Tailwind, and code Playground

HTML

<div id="case1" style="padding:2px;font-weight:bold;font-size:16px">
  <div class="card item-card2 waves-effect waves-light" style="margin: 0%;width: 179px;height: 179px;box-shadow: inset 0px 0px 25px 3px #232323;border: 1px solid black;">
    <div class="iteam" style="text-decoration: underline;text-align: left">Revolver Case Key</div>
    <img title="Key" draggable="false" src="http://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXX7gNTPcUxuxpJSXPbQv2S1MDeXkh6LBBOiev1ZVNkgqeRdWUV7o3kltLdzvOjauqCwDlUupAj0-rD843zjAbt_hVtMDjtZNjCJHQgy4g/140fx140"
    style="display:block;position:relative;right:-20px">
    <div class="information">

      <br>
      <select class="revolverkeysamount" id="suiface" style="position:relative;top:-21px">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
      </select>
              <span data-val="1.85">1.85</span>
      <button class="button" id="BuyKeysWithThatButton" onclick="order()" style="width:61px;height:36px;position:relative;left:4px;text-align:center;top:-20px">Buy Now</button>
    </div>
  </div>
</div>

<script>
$('#suiface').change(function(){
   var span = $(this).next('span');
   span.text(span.data('val') * parseInt(this.value,10))
})
</script>

CSS

// So, as you can see I have an "amount" & "name". Name I can just put order('Revolver Case Key', ), but to put that
// That amount I wanted to do <script>document.getElementById("suiface").value;</script> to get that value..