javascript div onclick if else control

Question

First of all, my English is very bad, sorry for that. I don't know much javascript and I would like your help.

there is one div

    <div id="click"></div>

when clicking on this div

if (...click){
var a = "click open";
}else{
var a = "";
}

I need a coding like this. When clicked, the variable a should be filled and empty when not clicked. how do i do this please help all i want is when it is clicked the variable a will be full when not clicked it will still work but it will be empty

if (...click){
var a = "click open";
}else{
var a = "";
}

all i want is when it is clicked the variable a will be full when not clicked it will still work but it will be empty

Simon Leroux · Accepted Answer · 2022-12-17 16:18:34Z

1

Considering the following html :

<div id="click"></div>

You can initialize the variable in javascript as an empty string and add an event listener to change the value when the div is clicked with the following js code:

let a = "";
const click = document.getElementById("click");

click.addEventListener('click', function(){

    a = "click open";

  })

answered Dec 17, 2022 at 16:18

Simon Leroux

4853 silver badges5 bronze badges

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

3 Comments

Mustafa Ulusan Over a year ago

thanks for your answer the a="" loop is working on any click a="click" is not working

Simon Leroux Over a year ago

which loop are you talking about?

Mustafa Ulusan Over a year ago

alert(a); when i do it just a=""; when i click i get a = "click open"; not working

NAYMUR · Accepted Answer · 2022-12-17 16:29:09Z

0

I don't understand your question, because your button is empty here. So, if your button is empty, how do you click on the button and get the result? That is why I added two answers and hope it will help you.

//example one
const clickBtn = document.getElementById("click");
let click = true;
if (click) {
  var a = "click open";
  clickBtn.innerHTML = a;
} else {
  var a = "";
  clickBtn.innerHTML = a;
}

//exmaple two 
const clickBtn2 = document.getElementById("click2");
let click2 = true;
clickBtn2.addEventListener("click", () => {
if (click2) {
  var a = "yes, click open";
  clickBtn2.innerHTML = a;
} else {
  var a = "";
  clickBtn2.innerHTML = a;
}
});

<div id="click"></div>
<div id="click2">Click me</div>

answered Dec 17, 2022 at 16:29

NAYMUR

811 silver badge12 bronze badges

2 Comments

Mustafa Ulusan Over a year ago

thank you, your examples are very good, I get value when clicked, but no value when not clicked

Mustafa Ulusan Over a year ago

this is what i wanted to do i didn't know how to do it` let jmin = ""; const click = document.getElementById("price_range"); click.addEventListener('click', function(){ var jmin = "min=" + minimum_price; }) history.pushState(null, '', 'index.php?' + kategori + filtb + filtr + filts + jmin);`

Robert · Accepted Answer · 2022-12-17 16:41:58Z

0

I added the text "Click" to give the element a clickable area.

let a = '';

document
  .querySelector('#click')
  .addEventListener('click', () => a = 'clicked');

<div id="click">Click</div>

answered Dec 17, 2022 at 16:41

Robert

10.4k20 gold badges90 silver badges143 bronze badges

Comments

Inigo · Accepted Answer · 2022-12-20 00:09:41Z

0

This is what I wanted to do I didn't know how to do it?

let jmin = "";
const click = document.getElementById("price_range");
click.addEventListener('click', function(){
    var jmin = "min=" + minimum_price;
})
history.pushState(null, '', 'index.php?' + kategori + filtb + filtr + filts + jmin);

edited Dec 20, 2022 at 0:09

Inigo

15.7k5 gold badges54 silver badges86 bronze badges

answered Dec 17, 2022 at 18:38

Mustafa Ulusan

91 bronze badge

Collectives™ on Stack Overflow

javascript div onclick if else control

4 Answers 4

3 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related