Chain Creator

by wooozy

HTML

<h1>Chain Creator</h1>
<input type='text' id='value' size='5'onkeypress='pushForward(event);'><br/>

<p id="testLink"></p>

JavaScript

function Design(_id, _value, _next) {

    this.id = _id; 
    this.value = _value; 
    this.next = _next; 
}

Design.prototype.linkInput = function () {
     return "" + this.value +
        " | List of Values  " + this.id +
        " | Points  " + this.next + "<br/>";
};



function newLink(_createLink) { 
    this.length = 1;

    this.head = new Design(1, _createLink, null);

    this.file = [];
     
    this.file.push(this.head);

}

newLink.prototype.lastLink = function () {
    
    return this.file[this.length - 1];
};

newLink.prototype.Finder = function(lotusFlower){
        for(var i=0; i < this.length; i++){
         if(lotusFlower == this.file[i].id)
             return this.file[i];
        }
};

newLink.prototype.Push = function (_createValue) {
    
    this.length++;
    var Cat = new Design(this.length, _createValue, null);
    this.file.push(Cat);
    this.file[this.length - 2].next = this.length
    return Cat;
};

newLink.prototype.Pop = function (_createvalue) {
   
    var keep = this.head;
    var upcoming = this.Finder(this.head.next); 
    this.head = upcoming;
    return keep;
};

newLink.prototype.filterLink = function () {
    var printLink = '';
    for(var i=0; i < this.length; i++){
        var link = this.file[i];
        printLink += link.linkInput();
    }
    return printLink;
};


var newLink = new newLink('China');

newLink.Push('Panda');
newLink.Push('Buddah');
document.getElementById("testLink").innerHTML = newLink.filterLink();


function linkIndex() {
    newLink.Push(document.getElementById("value").value);
    document.getElementById("testLink").innerHTML = newLink.filterLink();
    document.getElementById("value").value = '';
}

function pushForward(e){
        if(e.keyCode === 13){
            
            linkIndex();
        }
        return false;
}