ユーザー入力をjavascript配列に格納して表示する

Question

フォームからユーザー入力を受け取り、ユーザーが呼び出すことができるログに保存するにはjavascriptとjqueryを使用する必要があります。

私の考えは、まずユーザー入力を配列に格納してこれを達成することでした。私はこれを1つの入力でうまくやってきましたが、私は複数の入力で運がないです。

var d = new Date(); 
var arr = []; 

var arr = document.getElementById("conductivity").value; 
document.getElementById("demoX").innerHTML = arr; 


function myX() { 
    arr.push(d + conductivity.value); 
    document.getElementById("demoX").innerHTML = arr; 

複数のフィールドを保存するにはどうすればよいですか？ （例えば、導電率+電圧+時間）

EDIT：私はもともと文字列として戻したかったと言いました。明確にするために、私は新しいページにこれらの行に沿って何かを表示したいと思います：19/04/2016導電率：42、電圧：11、Blah：0

Answer 1

オブジェクトを作成できます使用するために必要な機能（名前空間）を含めたものをそこに格納してください！

ここであなたはそれを試してみることができます：https://jsfiddle.net/MarkSchultheiss/bacy1r18/1/

をサンプルマークアップ：

Cond: 
<input id="conductivity" value="100" /> Blah 
<input id="blah" value="bluesblah"> Volt 
<input id="voltage" value="100" /> Date 
<input id="mydate" type="date" /> 
<button id="save" type="button"> 
    save 
</button> 
<button id="show" type="button"> 
    show 
</button> 
<div id="demoX"> 
</div> 

コード：オブジェクトの配列として

var myThings = myThings || {} 
myThings.values = { 
    outputs: [], 
    labels: { 
    d: "", 
    c: "Conductivity", 
    v: "Voltage", 
    b: "Blah" 
    }, 
    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 volt = document.getElementById("voltage").value; 
    var blah = document.getElementById("blah").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, 
     volt: volt, 
     blah: blah 
    }); 
    }, 

    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].volt + "</span>"; 
     arout += "<span class='lab'>" + myThings.values.labels.b + "</span>"; 
     arout += "<span class='outv'>" + myThings.values.outputs[i].blah + "</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);