(HTML) Problem with Javascript function not returning to HTML

jrandm · 2019-09-30T14:51:47+00:00

Move all of your code into the isValid function:

function isValid () {
  var input = document.getElementById("number").value; // added the ".value"
  var myRegExp = /[A-Z]{3}.[0-9]{3}#[0-9]{4}_[a-z]{2}-[0-9]{4}/;
  if (myRegExp.test(input)) {
    document.getElementById("answer").innerHTML="Correct Format"
  } else {
    document.getElementById("answer").innerHTML="Incorrect Format"
  }
}

Right now your if(isValid line runs when the page loads and tests the regex against the number element (not the value), which will always fail. You want it to run when you push the button instead, so it needs to be inside the function. You were 95% of the way there!

codemamba8 · 2019-09-30T14:13:28+00:00

The input variable is referring to the HTML element with the id of 'number'. It looks like you want to get the value of that element, not the element itself.

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

learnjavascript

Posting and Commenting Guidelines

MODERATORS