Show A Button When A Certain Word Is Typed

Ask the community
,
1

I am trying to make it so when a certain word is typed into a simple input box, a button shows up when that word is completely typed. If any of you could help achieve this, it’d be appreciated!

2

In coding laguage you will need something like an if-else-function, right?

If my INPUT-BOX EQUALS a SPECIFIC WORD = SHOW whatever you want,
ELSE —> HIDE whatever you want?

PROTOTYPE-EXAMPLE-CODE:

$w.onReady(()=>{
	$w('#input1').onChange(()=>{
		if (.......) {........}
		else{........}
	});
});

Complete the code…

if ($w('#input1').value === ???????) {$w('#button1').show();}
3

$w . onReady (()=>{
$w ( ‘#input1’ ). onChange (()=>{ $w ( ‘#button375’ ). show ();}
if ( $w ( ‘#input1’ ). value === " wordhere" )
else { $w ( ‘#button375’ ). show ();}
});
});

Lots of errors…

“Declaration or statement expected.”
“Expression expected.”
“‘,’ expected.
Parsing error: Unexpected token if”

What do I do???

4

Update: Fixed some errors and now it looks like this…

$w . onReady (()=>{
$w ( ‘#input1’ ). onChange (()=>{ $w ( ‘#button375’ ). show ()})
if ( $w ( ‘#input1’ ). value === ( “wordhere” )
){ $w ( ‘#button375’ ). show ();
}
},)

But one issue- You can type anything and a button will show up. I only want it so if you type a CERTAIN word the button shows. How can I fix that?

5 
$w.onReady(()=>{   
	$w('#input1').onChange(()=>{		     
		if ($w('#input1').value === "xxxxx")     {
			$w('#button375').show();   
		} 
		else {
			$w('#button375').hide(); 
		}
});