Bootstrap-timepicker

bootstrap-timepicker

by Teuta Koraqi

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="//jdewit.github.io/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
<div class="wrapper">
  <h5>Find square root of each nuber you want!</h5>
  <div class="input-holder">
    <label for="value">Squere root</label><br>
    <input type="number" onkeyup="myFunction(this.value)">
  </div>
  <div class="input-holder">
    Square root of <span id="input-value">0</span> is <span id="calculated-value">0</span>
  </div>
</div>

<script>
function findSquareRoot(value) {
  return Math.sqrt(value);
}

function myFunction(value) {
  findSquareRoot(value);
  document.getElementById("calculated-value").innerHTML =     findSquareRoot(value);
  document.getElementById("input-value").innerHTML = value;
}
</script>

CSS

.wrapper {
  padding: 40px;
}