자바 스크립트 : div 만들기

Question

사용자가 원하는 쿠키 종류를 입력하고 원하는 쿠키의 양을 선택할 수있는 자바 스크립트 응용 프로그램을 만들려고합니다. 사용자가이 선택을하고 "굽기"버튼을 누르면 쿠키가 페이지에 임의로 나타납니다. 한 페이지에서 무작위로 div를 생성해야하는 과제가 있었는데 재미와 실습을 위해 아이디어를 제공했습니다.

내 문제는 사용자가 쿠키를 클릭하여 만든 쿠키에 대한 고유 한 정보를 얻을 수 있기를 원하며이를 작동시킬 수 없기를 바랍니다.

Answer 1

(1) 클릭 이벤트가 제대로 정의되지 않은 :

aCookie.onlclick = cookie.display(); 

// typing error onlclick 

// cookie.display() actually it call display function, doesn't give reference 

변화에 :

aCookie.onclick = cookie.display; 

(2) 세트 ID가 "종류"입력 상자

(3) 현재 코드는 요소가 아니라 쿠키의 인스턴스에 대한 속성 (id, kind, x, y)을 설정합니다. 요소가 매개 변수 &에 속성이 설정되도록 코드를 변경하십시오.

//pass element to set properties 
function Cookie(elem,id, kind, x, y) { 

    elem.id = id; 
    elem.kind = kind; 
    elem.x = x; 
    elem.y = y; 

    this.display = function() { 
     alert("Cookie number: " + this.id + "; is a: " + this.kind + "; cookie : " + 
      " and it is situated on coordinates ; " + this.y + " and " + this.x + " on the cookie pan"); 
    } 
} 

바이올린 : 대답에 대한 http://jsfiddle.net/aslancods/CzgLj/