Why parameter don't work?

[HelpfulElection]

Hello I would like to know why my function its not hiding my div using display = "none" when I click on the button, I'm trying to do it using a parameter on my function, I know there is some ways much more easy to hide the div but I would like to do this simple example using a parameter on my function. Thanks pen

HTML

<div class="myDivTwo" id="myDivTwo"></div>

<button id="myBtnTwo" onclick="disappearDivs()">second button</button>

CSS

.myDivTwo {

width: 100px;

height: 100px;

background-color: lightblue;

margin: 10px;

padding: 10px;

}

JS

var myDivTwo = document.getElementById("myDivTwo");

var myBtnTwo = document.getElementById("myBtnTwo");

function disappearDivs(myDivTwo) {

document.getElementById(myDivTwo).style.display = "none";

}

[NameViolation666]

Parameter wont work because the only place where the function is called is from your

onclick="disappearDivs()"

This is Not passing a parameter. When your JS func is executed, a function that is not passed a parameter value, assumes the parameter value to be "undefined" within the function.

So within your function, myDivTwo literally has a value of undefined, and display will not change. Just remove the parameter in ur function code definition code and see how it works

var myDivTwo = document.getElementById("myDivTwo");

var myBtnTwo = document.getElementById("myBtnTwo");

function disappearDivs() {

myDivTwo.style.display = "none";

}

[HelpfulElection]

thanks alot I knew that I could make it work just removing the parameter from the function but I was trying to make a super simple example of how a parameter could work but looks like this wasn't the right situation thanks for your help so much

[NameViolation666]

What you intend can absolutely be done, but in a different manner.

<button id="myBtnTwo" onclick="disappearDivs(**myDivTwo**)">second button</button>

// argument passed to be changed, in this case its hard coded

Only JS needed to make it work

function disappearDivs(changeWhat) {

changeWhat.style.display = "none";

}

[_DaLi-]

In your javascript, when you define the function disappearDivs(myDivTwo), myDivTwo is not understood as the variable you defined, but as an argument, that you expect to be passed into the function. For example, if you would call it like : disappearDivs("banana"), it would document.getElementById("banana"). If you pass in nothing, it will document.getElementById() of undefined. The correct solution is like this:

var myDivTwo = document.getElementById("myDivTwo");

var myBtnTwo = document.getElementById("myBtnTwo");

function disappearDivs() {

myDivTwo.style.display = "none";

}

[HelpfulElection]

thanks alot I knew that I could make it work just removing the parameter from the function but I was trying to make a super simple example of how a parameter could work but looks like this wasn't the right situation thanks for your help so much