" + rangeArr.join(", ") + ".

"; } $("result").style.display = "block"; } $("range").onclick = range; sum = function() { //Calling the range() function so the sum() function can in some way access the array (rangeArr ) local to range() range(); var arr = rangeArr, //Using the Number() object again so values of input elements return numbers and not strings so as to be evaluable start = Number($("start").value), end = Number($("end").value), steps = Number($("steps").value), lastArrChar = arr[arr.length-1], sumArrChars = 0; if ($("steps").value == "") { steps = 1; } else if ($("steps").value == 0) { steps = 1; $("steps").value = 1; } if (steps < 0) { $("result").style.color = "red"; $("result").innerHTML = "The number of steps need not and shouldn't be a negative integer."; } else if (start == end && start != "") { $("result").style.color = "red"; $("result").innerHTML = "Invalid input. Both start and end point integers are equal."; } else if (arr.length == 0) { $("result").style.color = "red"; $("result").innerHTML = "No range. Input start or end point integer."; } else if (arr.length == 1) { $("result").style.color = "skyblue"; $("result").innerHTML = "The total sum of the range of numbers between " + start + " and " + end + " by " + steps + "-step increments is =>

" + arr + ".

"; } else if (steps != "") { //Code to get sum if (arr[0] < lastArrChar) { for (i=arr[0]; i<=lastArrChar; i+=steps) { sumArrChars += i; } } if (arr[0] > lastArrChar) { for (i=arr[0]; i>=lastArrChar; i-=steps) { sumArrChars += i; } } $("result").style.color = "skyblue"; $("result").innerHTML = "The total sum of the range of numbers between " + start + " and " + end + " by " + steps + " step(s) increments is =>

" + sumArrChars + ".

"; } $("result").style.display = "block"; }; $("sum").onclick = sum; hideResult = function() { $("result").style.display = "none"; }; inputLimit = function() { var start = $("start").value, end = $("end").value, steps = $("steps").value; if (this.value.length > 6) { $("result").style.display = "block"; $("result").innerHTML = "WARNING: If difference between start and end points is too large (eg. > 800000) given fewer steps, user browser may crash."; $("result").style.color = "red"; } else { $("result").style.display = "none"; } }; $("start").onclick = hideResult; $("start").onkeyup = inputLimit; $("end").onclick = hideResult; $("end").onkeyup = inputLimit; $("steps").onclick = hideResult; $("steps").onkeyup = inputLimit; };

Challenge 06 - (The Sum of A Range)