Determine if the user input matches a specific string exactly

Question

Determine if the user input matches a specific string exactly

I am trying to verify if a user enters an exact string, but I'm running into issues. I have attempted some of the recommendations in similar questions, but I am still unable to resolve it.

function check() {

var correctAnswer ="Hey there";

  var userAnswer = document.getElementById("#ans").value;

if (correctAnswer == userAnswer) { 
    alert('Yes, that is correct');
} else {
    alert('No, try again');
}
}

HTML
<form>
  <fieldset>
    <input type="text" name="Textbox" value="" id="ans"><br>

    <input type="submit" value="Submit" id="test" onClick=" return check()">
  </fieldset>
</form>

javascript string validation

Answer 1

Answer №1

It appears that the issue lies in passing # in document.getElementById function.

Refer to the code snippet below for guidance:

HTML seems to be correct.

<form>
<fieldset>
<input type="text" name="Textbox" value="" id="ans"><br>

<input type="submit" value="Submit" id="test" onClick=" return check()">
</fieldset>
</form>

However, you need to update your JavaScript to the following:

function check() {

var ans1 ="Hey there";

var ans2 = document.getElementById("ans").value;

if (ans1== ans2){ alert('yes kit')}

else{alert ('no')};

}

Answer 2

It appears that the issue lies in passing # in document.getElementById function.

Refer to the code snippet below for guidance:

HTML seems to be correct.

<form>
<fieldset>
<input type="text" name="Textbox" value="" id="ans"><br>

<input type="submit" value="Submit" id="test" onClick=" return check()">
</fieldset>
</form>

However, you need to update your JavaScript to the following:

function check() {

var ans1 ="Hey there";

var ans2 = document.getElementById("ans").value;

if (ans1== ans2){ alert('yes kit')}

else{alert ('no')};

}

Determine if the user input matches a specific string exactly

Answer №1

Similar questions

Changing a class and audio and storing it using browser's local storage

When an element is dragged within the mcustomscrollbar container, the scroll does not automatically move downward

Triggering a JavaScript function upon the alteration of a Dojo auto-complete widget's value

Click on the radio button to delete all selected entries in the option dropdown

Fixing Email Validation Error in AngularLearn how to troubleshoot and resolve

Tips on adjusting the flexibility of videojs markers for sliding or moving

Executing JavaScript code from an external HTML file

Eliminate redundant tags using jQuery

Step-by-step guide to enabling native Bootstrap 2.3.2 JavaScript elements within Liferay

Ways to provide input parameters to a method upon clicking an element without using the HTML onclick attribute

How can you include the product price in the cart using the URL on WooCommerce?

Is it possible to identify horizontal scrolling without causing a reflow in the browser?

Why Does React Material-UI Switch Styling Keep Changing Sporadically?

Can a single volume control be used to manage the audio of multiple sources at once?

Incorporate Material Design Lite and AMP into your Angular 5 project for a sleek

Create a "load additional data" button

Transforming PHP JSON into JavaScript with getJSON

Tips on obtaining the data count from using the $.get method

What is the best way to utilize the useSWR hook when there are necessary logical operations to be performed on the response before proceeding with the next API call

Encountering Reference Error while Using AWS Amplify with Nuxt.js: Navigator Undefined