Ajax Loader
×
HTML
<input type="text" class="forever" />
1
<input type="text" class="forever" />
 
CSS
input {
1
input {
2
  display: block;
3
}
 
JavaScript
document.addEventListener("DOMContentLoaded", function () {
1
document.addEventListener("DOMContentLoaded", function () {
2
  var el = document.querySelector(".forever");
3
  el.addEventListener("input", foreverize);
4
});
5
 
6
function foreverize (evt) {
7
  var allEls = document.querySelectorAll(".forever");
8
  if(allEls[allEls.length-1].value !== "") {
9
    var newel = document.createElement("input");
10
    newel.classList.add("forever");
11
    newel.addEventListener("input", foreverize);
12
    evt.target.parentElement.appendChild(newel);
13
  }
14
}
 

Untitled

CSSDeck G+