How to call function within a div or custom tag attribute

Question

I am trying to call a function in the customized tag

<t-dropdown name='Name' callback="testFn">
    </t-dropdown>

<script>
  function testFn(value){
    console.log(value);
  }
</script>

In js

var callbackFn = document.getElementsByTagName("t-dropdown")[0].getAttribute("callback");
var abc = 10;
callbackFn(abc);

Please suggest how will approach.

Does this answer your question? [How to execute a JavaScript function when I have its name as a string](https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string) — Aaron, Sep 29 '20 at 05:42

score 2 · Answer 1 · answered Sep 29 '20 at 06:31

var callbackFn = window[document.getElementsByTagName("t-dropdown")[0].getAttribute("callback")];
var abc = 12;

if(typeof callbackFn === 'function') {
    callbackFn(abc);
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<t-dropdown name='Name' callback="testFn">
    </t-dropdown>
<script>
  function testFn(value){
    console.log(value);
  }
</script>

How to call function within a div or custom tag attribute

1 Answers1