Question

0

90

Views

create button dynamically by javascript and show variable content on click

I am creating button like this:

    if(this.error_msg) {
        let btn_err = document.createElement('button');
        btn_err.type = "button";
        btn_err.name = "add";
        btn_err.textContent = "Remove";
        btn_err.setAttribute("class", "btn btn-primary btn-sm");

        btn_wrapper.append(btn_err);

        toastBody.append(btn_wrapper);
    }

How can I show this.error_msg on button click as alert?

about 4 years ago · Juan Pablo Isaza

2 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-06-30T09:05:56.790Z

You can add an event listener to the button using javascript.

btn_err.onclick = function(){alert(this.error_msg)}

Answer 2 · 2022-06-30T09:05:56.798Z

You can do like this

Note: I have changed if argument as true since you did not share your whole code, it is just to show working example

const testFunction = () => {
  if(true) {
          let btn_err = document.createElement('button');
          btn_err.type = "button";
          btn_err.name = "add";
          btn_err.textContent = "Remove";
          btn_err.setAttribute("class", "btn btn-primary btn-sm");
          btn_err.onclick = function(){alert("Error message")}
          let btn_wrapper = document.getElementById("buttonWrapper")
          btn_wrapper.append(btn_err);
      }    
 }
 testFunction();

<div id="buttonWrapper">

</div>

0

90

create button dynamically by javascript and show variable content on click

2 answers

0

0

Find remote jobs

Andres GPT