js를 추가한 Html에서 js Function 호출이 안됨. 호출 하는 방법은?

JavaScript
1

안녕하세요… bpmn.io의 다이어그램(MIT)을 원하는 기능에 맞게 구현 중입니다.

html에서 해당 버튼 클릭 시 Task가 생성되게 구현하고 싶습니다. 어떻게 해야하나요?

html에서 drag drop 시 하기의 appendAction을 호출하도록 싶습니다.

assign(actions, {

        'append.append-task': appendAction(
          'bpmn:Task',
          'bpmn-icon-task',
          translate('태스크 생성')
        ),

)};

추가로 appendAction의 function은 다음과 같습니다.
function appendAction(type, className, title, options) {

    if (typeof title !== 'string') {
      options = title;
      title = translate('Append {type}', { type: type.replace(/^bpmn:/, '') });
    }

    function appendStart(event, element) {

      var shape = elementFactory.createShape(assign({ type: type }, options));
      create.start(event, shape, {
        source: element
      });
    }


    var append = autoPlace ? function(event, element) {
      var shape = elementFactory.createShape(assign({ type: type }, options));

      autoPlace.append(element, shape);
    } : appendStart;


    return {
      group: 'model',
      className: className,
      title: title,
      action: {
        dragstart: appendStart,
        click: append
      }
    };
  }
2

혹시 아래아 같은 타입의 function이 어떤 스타일? 문법인가여?
어느 형태로 어디에서 주로쓰이는지 접근이나 커스텀은 어떻게 해야하는지 등… 영문 검색으로 국내외 사용 방법을 다양하게 알려고 합니다.

‘bpmn:TaskStart’: function (parentGfx,element) {
alert(“1”);
// clickToStart();
},