JavaScript的新手-需要帮助，以表单中的数据创建多个对象

Question

我刚刚开始学习JavaScript，并且被困在一个星期的作业上，我尝试了几种解决方案，但是每次添加一些东西时，我都会破坏其他东西。 任务是创建一个表单（我已经完成）。 该表格用于输入新收藏夹项目的数据，输入每个项目时，该数据都应显示在页面上和控制台日志中，当输入其他项目时，会将它们添加到列表中并显示所有项目-

前-最喜欢的是：URL： http : //oriellyschool.com ，标题：O'Reilly School，评论：帮助，标签：学校，学习，URL： http : //google.com ，标题：Google，评论：使用google查找有关JavaScript的信息，标签：搜索，查找信息收藏：html：133

具体说明是对所有收藏夹和每个新收藏夹项目都使用对象。 显示收藏夹的功能（在控制台和页面上）应包含在对象的方法中。

我能够将表单中的数据获取到函数中，并具有创建收藏夹的功能，该收藏夹昨天运行，不确定今天早上发生了什么。

如果有人可以请看一下并告诉我，如果我至少朝着正确的方向前进，我将不胜感激。 我现在只是转圈。 （我在代码中有大量console.log语句，所以我可以尝试看看它在做什么）。 谢谢！

码：

 // Function to create entries for favorite items from web form function FaveoriteEntry(url, title, comment, tags) { console.log("In Fave Function"); this.url = url; console.log(this.url); this.title = title; console.log(this.title); this.comment = comment; console.log(this.comment); this.tags = tags; console.log(this.tags); console.log("Have all items"); } //Function to retrieve data from web form and send to function to creat favorite //object. function addFavorite() { var myFavorites = []; console.log("In Function"); var furl = getFavorites.formURL.value; var ftitle = getFavorites.formTitle.value; var fcomment = getFavorites.formComment.value; var ftags = getFavorites.formTags.value; this.clear = getFavorites.reset(); console.log("Entry: " + furl + " " + ftitle + " " + fcomment + " " + ftags); this.createFavorites = function(url, title, comment, tags) { console.log("In Fave Function"); this.url = url; console.log(this.url); this.title = title; console.log(this.title); this.comment = comment; console.log(this.comment); this.tags = tags; console.log(this.tags); console.log("Have all items"); this.string = (this.url + "," + this.title + "," + this.comment + "," + this.tags); myFavorites.push(this.string); var addfavorite = new this.createFavorites(furl, ftitle, fcomment, ftags); console.log(myFavorites); } }

 body { font-family: Helvetica, Ariel, sans-serif; } form { display: table; border-spacing: 5px; } form p { display: table-row; } form label { display: table-cell; text-align: right; } form input { display: table-cell; } span.comment { font-size: 80%; color: #777777; } span.tags { font-size: 80%; color: rgb(48, 99, 170); }

 <!doctype html> <html> <head> <title>Advanced JavaScript Project: Favorites and Tags</title> <meta charset="utf-8"> </head> <body> <form name="getFavorites" onsubmit="return favorites(this)"> <h1>Tag and save your favorites</h1> <text></text> <fieldset> <legend>Add a new favorite:</legend> <p> <label>URL:</label> <input type="text" name="formURL" value="" /> <p> <label>Title:</label> <input type="text" name="formTitle" value="" /> </p> <p> <label>Comment:</label> <input type="text" name="formComment" value="" /> </p> <p> <label>Tags:</label> <input type="text" name="formTags" value="" /> </p> <input type="button" name="button" value="Add Link" onClick="addFavorite(this.form)" /> </fieldset> <u1 id="faves-lists"> <h1> List of Favorites</h1> <li>Test -</li> <p> <span class="comments"></span> </p> <p> <span class="tags"></span> </p> </u1> </form> </body> </html>

Answer 1

把这个：

var addfavorite = new this.createFavorites(furl, ftitle, fcomment,
            ftags);             
console.log(myFavorites);

在createFavorites函数的外面。像这样：

function addFavorite() {

    var myFavorites = [];

    console.log("In Function");
    var furl = getFavorites.formURL.value;
    var ftitle = getFavorites.formTitle.value;
    var fcomment = getFavorites.formComment.value;
    var ftags = getFavorites.formTags.value;
    this.clear = getFavorites.reset();
    console.log("Entry: " + furl + " " + ftitle + " " + fcomment + " " + ftags);

    this.createFavorites = function(url, title, comment, tags) {
         console.log("In Fave Function");
         this.url = url;
         console.log(this.url);
         this.title = title;
         console.log(this.title);
         this.comment = comment;
         console.log(this.comment);
         this.tags = tags;
         console.log(this.tags);
         console.log("Have all items");
         this.string = (this.url + "," + this.title + "," + this.comment + "," + 
                        this.tags); 
         myFavorites.push(this.string);          


      }   
    var addfavorite = new this.createFavorites(furl, ftitle, fcomment,
            ftags);             
console.log(myFavorites);  // result here                    
  }

JavaScript的新手-需要帮助，以表单中的数据创建多个对象

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-12-10 17:38:26

JavaScript的新手-需要帮助，以表单中的数据创建多个对象

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-12-10 17:38:26

解决方案1
0 已采纳 2014-12-10 17:38:26