[SOLVED] What is wrong with my Javascript?

What is wrong with my Javascript?

This is my jsfiddle(http://jsfiddle.net/mZGsp/). I was trying to answer a question here but my code won't work. Here is the code:

JS

var stateOfClick = null;

function initiateLine(){
    document.getElementById('test').innerHtml = "Started";
}

function endLine(){
    document.getElementById('test').innerHtml = "Line Ended";
}

function createLines(){
  if(!stateOfClick) {
    initiateLine();
    stateOfClick = 1;
  } else {
    endLine();
  }
}

HTML

<body>
    <input type="text" id="test" onclick="createlines()">
</body>

Solution

A couple of things,

change createlines() to createLines (camel-case).
change <element>.innerHtml to <element>.value
Inside JSFiddle, don't wrap your code inside a function, as then createLines won't be global which it needs to be for the onclick to work.

Here's a working example.