Javascript. Pressing button - call function

Question

function greet () {
    console.log ("Hi there!");
}
function addButton () {
document.createElement("[wanted_HTML_tag_here]");
}

There is separate HTML document. It has a button that calls the function addButton() upon being pressed. Said function has to create a new element and append it to the element. Pressing this new button has to call the function greet().

I try with [element_name].setAttribute("[attribute]", "[attribute_value]") but useless Also trying document.[element_to_append_into].appendChild([element_being_added]); but same

this answer. You should really search the SO, rather than posting new questions. — Anand Sowmithiran
– Anand Sowmithiran, Commented Jan 25, 2022 at 13:18
Does this answer your question? Creating Dynamic button with click event in JavaScript — Anand Sowmithiran
– Anand Sowmithiran, Commented Jan 25, 2022 at 13:19
Please add an actual minimal reproducible example (+ How do I format my posts using Markdown or HTML?) — Andreas
– Andreas, Commented Jan 25, 2022 at 13:24

Felipe André · Accepted Answer · 2022-01-25 13:35:16Z

1

Here's a complete working example (it is one way of doing it):

<html lang="en">
<body>
  <button id="btn">Create Button</button>
</body>

<script>
  function greet() {
    console.log('Hi there')
  }

  function addButton() {
    const button = document.createElement('button')
    const buttonTextNode = document.createTextNode('Click')
    button.appendChild(buttonTextNode)
    button.onclick = greet
    document.body.appendChild(button)
  }

  // get the button that creates other buttons
  const buttonCreator = document.getElementById('btn')
  buttonCreator.onclick = addButton
</script>
</html>

answered Jan 25, 2022 at 13:35

Felipe André

315 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript. Pressing button - call function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related