<section class="section">
  <div class="content">

    <div class="room-info_tab-content-right-wrapper text-weight-bold">
      <div>Rs.</div>
      <div id="rent-amount">14000</div>
    </div>

    <div class="room-info_tab-content-right-wrapper text-weight-bold">
      <div id="deposit-period">2</div>
      <div>Months</div>
    </div>

    <div class="room-info_tab-content-right-wrapper text-weight-bold">
      <div>Rs.</div>
      <div id="deposit-amount">XXX</div>
    </div>

  </div>
</section>

// https://bulma.io/documentation/

// <link rel="stylesheet" href="style.css">

// <script type="text/javascript" src="javascript.js"></script>

.room-info_tab-content-right-wrapper {
  margin-top: 20px;
}

.room-info_tab-content-right-wrapper [id] {
  font-weight: bold;
}

$(function() {
  
  const rent = $("#rent-amount").text();
  const period = $("#deposit-period").text();
  const deposit = rent * period;
  $("#deposit-amount").html(deposit);
  
});