logger.js

console.clear();

var myThings = myThings || {}
myThings.values = {
  outputs: [],
  labels: {
    d: "Date: ",
    c: "Conductivity (uS): ",
    v: "pH: ",
    b: "Moisture (%): ",
	o: "Dissolved Oxygen (ppm): "
  },
  defaultDate: new Date()
};
myThings.library = {
  formatdate: function(mydate) {
    var d = new Date(mydate);
    var day = d.getDate();
    var month = d.getMonth() + 1;
    var year = d.getFullYear();
    return day + '/' + month + '/' + year;
  },


saveEm: function() {
    var cond = document.getElementById("conductivity").value;
    var ph = document.getElementById("ph").value;
    var moisture = document.getElementById("moisture").value;
    var doxy = document.getElementById("doxy").value;
    // default to now date
    var d = document.getElementById("mydate").value ? document.getElementById("mydate").value : myThings.values.defaultDate;

    myThings.values.outputs.push({
      d: myThings.library.formatdate(d),
      cond: cond,
      ph: ph,
      moisture: moisture,
	  doxy: doxy
    });
  },

  showEm: function() {
    var arout = "";
    for (var i = 0; i < myThings.values.outputs.length; i++) {
      arout += "<div class='outrow'>";
      arout += "<span class='lab'>" + myThings.values.labels.d + "</span>";
      arout += "<span class='outv'>" + myThings.values.outputs[i].d + ", " + "</span>";
      arout += "<span class='lab'>" + myThings.values.labels.c + "</span>";
      arout += "<span class='outv'>" + myThings.values.outputs[i].cond + ", " + "</span>";
      arout += "<span class='lab'>" + myThings.values.labels.v + "</span>";
      arout += "<span class='outv'>" + myThings.values.outputs[i].ph + ", " + "</span>";
      arout += "<span class='lab'>" + myThings.values.labels.b + "</span>";
      arout += "<span class='outv'>" + myThings.values.outputs[i].moisture + ", " + "</span>";
      arout += "<span class='lab'>" + myThings.values.labels.o + "</span>";
      arout += "<span class='outv'>" + myThings.values.outputs[i].doxy + "</span>";
      arout += "</div>";
    }
    var demo = document.getElementById("demoX");
    demo.innerHTML = arout;
  }
};
var show = document.getElementById("show");
show.addEventListener("click", myThings.library.showEm);
var save = document.getElementById("save");
save.addEventListener("click", myThings.library.saveEm);