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>
<div class="">
  <input type="text" id="input1" value="testsfd sdhfbsdjfbsdf">
</div>

<script>
window.onload = function ()
{
 setCaret(document.getElementById('input1'), 4, 5)
}

function setCaret(el, st, end)
{
 if (el.setSelectionRange)
 {
  el.focus();
  el.setSelectionRange(st, end);
 }
 else
 {
  if (el.createTextRange)
  {
   range = el.createTextRange();
   range.collapse(true);
   range.moveEnd('character', end);
   range.moveStart('character', st);
   range.select();
  }
 }
}
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;
}