how to get checkboxes to generate buttons onclick

The Sheep answered on January 5, 2024 Popularity 1/10 Helpfulness 1/10

answer how to get checkboxes to generate buttons onclick

how to get checkboxes to generate buttons onclick

Comment

const dropArea = document.querySelector("#dropArea");
const checkbox = document.querySelector("#priceFilter");

checkbox.addEventListener("change", function(e) {
  if (this.checked) {
    const btn = createSpecificButton();

    dropArea.appendChild(btn);
  } else {
    const btn = dropArea.querySelector("button");

    dropArea.removeChild(btn);
  }
});

const createSpecificButton = () => {
  const btn = document.createElement("button");

  btn.innerText = "Click Here";

  btn.addEventListener("click", function(e) {
    checkbox.checked = false;

    this.remove();
  });

  return btn;
};

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: generate get javascript onclick

Link to this answer
Share Copy Link

Contributed on Jan 05 2024

The Sheep

0 Answers Avg Quality 2/10

how to get checkboxes to generate buttons onclick

Contents

More Related Answers

how to get checkboxes to generate buttons onclick

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.