객체 배열에 새 객체 추가 javascript

Question

이 문제가 해결되었습니다. 당신 말이 맞아요. 문제였던 기능을 실행하고 있었어요. 누구든지 솔루션을 살펴 보려면 아래에 첨부했습니다. 이것은 단지 멋지게 보이는 것을 의미하지 않았습니다. 적어도 그것을 보시고 고맙습니다. 그리고 질문에 더 명확하게 대답하십시오. 이것은 학교를 통해 완전한 이해를 향해 노력하면서 디버깅 과제였습니다. 내가 말했듯이, 나를 풀어줄 누군가를 찾고있는 것이 아니 었습니다. 개발자 커뮤니티에서 다루어 온 대부분의 사람들은 도움이되었으므로 새로운 시도에서 도움을 얻고 싶었습니다. 그 도움에 감사드립니다. 다시 말하자면 // 오류 #가 무엇인지 100 %의 오류를 완전히 해결했습니다. 디버깅이 아마도 초보자와 평범한 사람으로 보일지는 모르겠지만 우리는 모두 초보자였습니다. 다시 한 번 해결 된 프로젝트에 대한 링크는 누군가가 플레이하고 싶다면 해결 된 프로젝트와 미해결 된 프로젝트의 복사본입니다. 이 방법을 사용하면 질문을받는 데 도움이됩니다.

https://www.dropbox.com/sh/vngg7j478h6zgcv/SVZF1bep6w

개체 배열 :

var showFlavors = function(){ 
for(var i=0, len=flavors.length; i<len; i++){ //error 2 
    var newLi = document.createElement('li'); 
    document.getElementById('list').appendChild(newLi); 
     var heading =document.createElement('h3'); 
      heading.innerHTML = flavors[i].flavor; 
      newLi.appendChild(heading); 
    var pNotes = document.createElement('p'); 
      pNotes.innerHTML= flavors[i].notes; 
      newLi.appendChild(pNotes); 
    var pFav = document.createElement('p'); 
     if(flavors[i].favorite == "Yes!") { 
      flav = "Yes"; 
      } else if (flavors[i].favorite == "No") { 
      flav = "No"; 
    }; 
    console.log(flav) 
    pFav.innerHTML= flav; //error 3 
    newLi.appendChild(pFav); 
    console.log(newLi); 
}; 


}; 

:와에 호출

var saveFlavor = function(){ 

var fav = getFavorite(); 
//error 5 not fixed 
var newFlavor = function() { 
    flavors.flavor = document.getElementById('flavor').value, 
    flavors.favorite = fav, //error 6 not fixed 
    flavors.notes = document.getElementById('notes').value //error 7 
    }; 
    flavors.push(newFlavor); 
    console.log(newFlavor) 

    location.href="#home"; 
    document.getElementById('list').innerHTML = ""; 

}; 
var save = document.getElementById("submitFlavor"); //error 8 
save.addEventListener("click", saveFlavor); 

데이터 : 배열 양식 데이터 밀어

var flavors = [ 
{ 
    "flavor": "Vanilla", 
    "favorite": "Yes!", 
    "notes": "Great for sundaes." 
}, 
{ 
    "flavor": "Chocolate", 
    "favorite": "Yes!",//first error 
    "notes": "All parts chocolate. What's not to love?" 
}, 
{ 
    "flavor": "Neapolitan", 
    "favorite": "No", 
    "notes": "I dislike the strawberry chunks." 
} 
]; 

코드 배열로 푸시하지만 반환 값은 정의되지 않았습니다. 자세한 내용은이 코드를 여기에 놓았습니다. https://www.dropbox.com/sh/ee0usbthykoqllg/cZi_K6zst2

그러나이 디버깅 프로세스에서 다른 모든 것들이 수정되었지만 왜 내가 정의되지 않은 상태로 돌아가는지 해결하는 데 문제가 있습니다. 나는 나에게 답을주는 사람을 보지 않고, 내가 뭘 잘못하고 있는지에 대한 지침을 찾고있다. 제가 시작했을 때 전혀 작동하지 않았고, 나머지 부분을 고쳐서 이것으로 도움이 필요했습니다. 감사.

Answer 1

newFlavor은 개체가 아닙니다.

var newFlavor = { 
    flavor: document.getElementById('flavor').value, 
    favorite: fav, //error 6 not fixed 
    notes: document.getElementById('notes').value //error 7 
};