如何在html中调用js函数

Question

在这里输入代码我的html有问题。我想保存输入到我的localstorage。出于某种原因，每当我检查我的网站时，我都没有看到我在我的字段中输入的单词。换句话说，它没有将输入加载到我的本地存储。 我是html和javascript的新手，我希望你们可以帮助我。我正在提供一张照片来说明我想要接近的东西。

function getInput(){
var nameInput = document.getElementById('inputName').value;
localStorage.setItem('text', dataInput);

var dateInput = document.getElementById( 'inputDate').value;
localStorage.setItem('text1', dateInput);
}

  
<form class="form-horizontal">
  <fieldset>
    <legend>Endorse me</legend>
    <div class="form-group">
      <label class="col-lg-2 control-label">Name</label>
      <div class="col-lg-10">
        <input type="text" class="form-control" id="inputName" placeholder="Name"> 
      </div>
    </div>

    <div class="form-group">
      <label class="col-lg-2 control-label">Date</label>
      <div class="col-lg-10">
        <input type="text" class="form-control" id="inputDate" placeholder="Date">
      </div>
    </div>

    <div class="form-group">
      <div class="col-lg-10 col-lg-offset-2">
        <button onCLick="getInput()" type="submit" class="btn btn-primary" >Submit</button>
      </div>
    </div>

  </fieldset>
</form>