CODEWITHSUNDEEP
javascript
R0b001
R0b001

Reputation: 3

How to change variable onclick

I have the following code

let text = document.getElementById("text");

let input = document.getElementById("input");

let num = '0';

let button = document.getElementById("button");

let button2 = document.getElementById("button2");

button2.onclick = () => {
    num = '1'
}

if (num == '1') {
    button.onclick = () => {
        text.textContent = input.value
    }
}

I need to activate this code if num variable is 1

button.onclick = () => {
    text.textContent = input.value
}

This code doesn't work. What is the problem?

Upvotes: 0

Views: 49

Answers (1)

symlink
symlink

Reputation: 12209

Put the if clause inside the click event:

button.onclick = () => {
    if (num === 1) {
        text.textContent = input.value
    }
}


let input = document.getElementById("input")
let button1 = document.getElementById("button1")
let button2 = document.getElementById("button2")
let text = document.getElementById("text")

let num = 0

button1.onclick = () => {
    if (num === 1) {
        text.textContent = input.value
    }
}

button2.onclick = () => {
    num = 1
}
<input id="input" type="text" />
<button id="button2">Click me first</button>
<button id="button1">Click me second</button>
<span id="text"></span>

Upvotes: 2

Related Questions