JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<div class="example">
  <div class="operate"></div>
  <div class="line_one"></div>
  <div class="line_two"></div>
  <div class="result"></div>
</div>

CSS

.example {
  position: relative;
  width: 50px;
  height: 200px;
  text-align: right;
}

.example .operate {
  position: absolute;
  left: 0;
  top: 10px;
}

.example .line_two {
  border-bottom: 1px solid #000;
}

JavaScript

calculator(246, 154, '+');

function calculator(one, two, operate) {
	var container = $('.example');
  
  container.find('.operate').text(operate);
  container.find('.line_one').text(one);
  container.find('.line_two').text(two);
  container.find('.result').text(eval(one + operate + two));
}