My TextInput and Submit Button are not working.

Question

Hi guys,

so I'm new to Adobe Animate 2024 CC The last time I used Adobe Animate was Adobe Flash Professional CS6, and so I've been trying to make a text input component along with a submit button. So, for example, if the correct answer to a question was "53", and you type that into the text input and hit submit, it will check to see if it matches and then do this.gotoAndPlay("frame that tells you you're correct') and if what you answered wasn't 53, it will gotoAndPlay("frame that tells you you're wrong.) However, every time I enter an input into my input box and hit the submit button, it does not respond at all, and it doesn't do anything. So I'd really appreciate it if someone could help me in this situation. Here's my code below.

this.stop();

this.submitbtn.addEventListener("click", function(event) {
var val = this.answerbox.text;
if (val.toLowerCase().trim() === "correctanswer") {
this.gotoAndPlay(72);
} else {
this.gotoAndPlay(13);
}
}.bind(this));

JoãoCésar17023019 · Accepted Answer

Hi.

Components don't live in the canvas and are not CreateJS objects, so you'll need to use one of the DOM methods to access it first. Like this:

this.stop();
	
this.submitbtn.addEventListener("click", function (event)
{
	var val = document.getElementById("answerbox").value;
	
	if (val.toLowerCase().trim() === "correctanswer")
	{
		this.gotoAndPlay(72);
	}
	else
	{
		this.gotoAndPlay(13);
	}
}.bind(this));

Regards,
JC

kglad · Answer

html5? insert alert(val) after cal is defined  check dev. console for errors

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded