Javascript创建一个对象来存储所有数据并显示信息

Question

我正在尝试创建一个“客户”对象，该对象将存储所有这些数据，然后将信息显示为“客户订单”，类似于列出所有新信息。 我无法弄清楚是什么问题。 （很确定整个代码本身都搞砸了）当我运行它时，它还显示“ReferenceError: clicked is not defined”消息。 我不明白存储数据和将新信息显示为“客户订单”的概念。

这是我的javascript。

 /*index.js*/ var objectarray = []; function addToArray() { var customerobject = { name: "", address: "", postalcode: "", phone: "", email: "" } customerobject.name = document.getElementById("name").value; customerobject.address = document.getElementById("address").value; customerobject.postalcode = document.getElementById("postalcode").value; customerobject.phone = document.getElementById("phone").value; customerobject.email = document.getElementById("email").value; objectarray.push(customerobject); console.log(objectarray); } document.getElementById("buttonandchecks").addEventListener("click", clicked); function clicked() { addToArray(); } <input id="name" value="Jenna" /> <input id="address" value="840 9STREET" /> <input id="postalcode" value="T2P 2T4" /> <input id="phone" value="111-111-1111" /> <input id="email" value="Renee@gmail.com" /> <button id="clickMe">click me</button> function buttonandchecks() { //javascripts to get an output based on customer information } > ------------------------Below is my html------------------------

 <!DOCTYPE html> <html> <head> <link href="this.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="this.js"> </script> </head> <body> <br> <form name="information"> <table> <tr><td>; First and Last Name :;</td><td><input type="name" id="nameid" size="25" maxlength="25" autofocus="yes" pattern="[a-zA-Z -]+$"></td></tr> <tr><td>; Address :;</td><td><input type="address" id="addressid" size="25" maxlength="25" pattern="[a-zA-Z0-9]| |/|,|.|\\|@|#|$|%|&)+"></td></tr> <tr><td>; Phone Number :;</td><td><input type="tel" size="25" id="phoneid" placeholder="XXX XXX XXXX" pattern="\\d{3} \\d{3} \\d{4}"></td></tr> </form> <form name=order> //javascript to get an customer information <br> <br> <center><input type=button value="Price your Order" id="clickMe" onClick="clicked();"></center> </form> </body> </html>

Answer 1

我修复了你的代码，但这个问题还有很多。 这并不是存储数据的正确方法。 您应该将表单中的信息发布到服务。

<html>
  <body>
    <input id="name" value="Jenna" />
    <input id="address" value="840 9STREET" />
    <input id="postalcode" value="T2P 2T4" />
    <input id="phone" value="111-111-1111" />
    <input id="email" value="Renee@gmail.com" />
    <button id="clickMe">click me</button>
  </body>  
  <script>
    var objectarray = [];
    var button = document.getElementById("clickMe");

    function addToArray() {
      var customerobject = {};
      customerobject.name = document.getElementById("name").value;
      customerobject.address = document.getElementById("address").value;
      customerobject.postalcode = document.getElementById("postalcode").value;
      customerobject.phone = document.getElementById("phone").value;
      customerobject.email = document.getElementById("email").value;
      objectarray.push(customerobject);
      console.log(objectarray);
    }
    button.addEventListener("click", addToArray);
  </script>
</html>

Javascript创建一个对象来存储所有数据并显示信息

问题描述

1 个解决方案

解决方案1
2 已采纳 2019-03-22 00:58:58

Javascript创建一个对象来存储所有数据并显示信息

问题描述

1 个解决方案

解决方案1 2 已采纳 2019-03-22 00:58:58

解决方案1
2 已采纳 2019-03-22 00:58:58