Coding Challenge 07/09/16

Contract first string then expand second character by character

by Marcus Baptiste

HTML

<div >
  <label> Input 1 </label><input type="text" name="input1" id="input1">
  <label> Input 2 </label><input type="text" name="input2" id="input2">
  <br>
  <p>
  Result
  </p>
  <p id="result">
  </p>
  
  <input type="button" value="Run Function" id="run">
</div>

JavaScript

var output = document.getElementById("result");
var runBtn = document.getElementById("run");

var slowString = function(str1, str2, output) {
	var i, len;
  var tempStr = "";
  var fullStr = "";  
  
  len     = str1.length;  
  for (i=0; i<len; i++) {
  	tempStr = str1.slice(0, len - i) + '<br>';
    fullStr += tempStr;
  }
  
  len = str2.length;
  for (i=0; i<len; i++) {
  	tempStr = str2.slice(0, i+1) + '<br>';
    fullStr += tempStr;
  }
  
  output.innerHTML = fullStr;
};

runBtn.onclick = function() {
	var text1 =  document.getElementById("input1").value;
	var text2 =  document.getElementById("input2").value;
	slowString(text1, text2, output);
};