0
JavaScript Conditional Hiding and Showing.
I'm confused with JavaScript conditional hiding and showing features, for example see this code:- // I want a program that gets the users input, and if that input matches a specific number I want to hide part of the form. <Html> <Input type="number" id="pin" value=""> <Button type="submit" onclick="hidden()"></button> </Html> <Script> var x=document.getElementById('pin').value; Function hidden(){ If(x.value=1234){ document.getElementById('pin).style.display="none"; } } </Script> Thanks in advance.
2 RĂ©ponses
+ 2
var x =document.getElementById('pin');
funxtion hidden() {
if(x.value===1234)
x.style.display="none";
}
First you declared a value on page load which means input is empty u need to remove from variable x and if condition is wrong u not checking you are assigning variable new value which makes this condition always true.
+ 1
You declared a variable X on the DIRECT value of the input tag, not the ENTIRE element itself, therefore your function should be
function hidden(){
var elem=document.getElementById(pin);
if(x==1234){
elem.style.display="none";
}
}
Vous avez souvent des questions comme celle-ci ?
Apprenez de maniĂšre plus efficace, gratuitement :
Aujourd'hui en vedette
New code
1 Votes
How would you solve the part of the C# Intermediate code project that requires operator overloading?
0 Votes
Hello Everyone
0 Votes