String left & right shift

by Shantanu Kulkarni

HTML

<form name="myForm">
<span>String: </span><input type="text" name="str" id="str"><br>
<span>Left: </span><input type="number" name="left" id="left"><br>
<span>Right: </span><input type="number" name="right" id="right"><br><br>

</form>
<button id="btn">
GetShiftedString
</button>
<p id="op">

</p>

CSS

span {
    display: inline-block;
    width: 60px;
}

JavaScript

function getShiftedString(s, left, right) {
    var leftnum = left%s.length;
    var rightnum = right%s.length;
    var s1 = s.substr(leftnum) + s.substr(0, leftnum);
    s2 = s1.substr(s.length - rightnum, s.length) + s1.substr(0, s.length - rightnum);
    
    return s2;
}

function getStr() {
	var s = document.getElementById("str").value;
  var left = document.getElementById("str").value;
  var right = document.getElementById("str").value;
  var output = getShiftedString(s, left, right);
  document.getElementById("op").innerHTML = output;
}
document.getElementById("btn").addEventListener("click", function(){
getStr();
});