Results work on regexpal.com, but not on the quiz.

Question

This one appears to work pretty well on regexpal.com. It limits the results to the # sign plus 6 alphanumeric characters. I also put the flag at the end for case insensitivity. Like this:

/#[A-Z0-9]{6}/i

Not sure why it doesn't pass, the quiz feedback says, "Bummer: ... see if you can limit the regex to narrow the results ..."

So narrowing it down might be limiting the length of the string so that there are no more possible characters than 7 by adding the $ at the end. Adding a carrot ^ at the beginning would ensure that the string starts with a # character. To my surprise this doesn't work on the quiz or regexpal.com:

/^#[A-Z0-9]{6}$/i

So I'm stuck here. Help is appreciated.

app.js

// Type inside this function
function isValidHex(text) {
const hexRegEx = /#[A-Z0-9]{6}/i
}

const hex = document.getElementById("hex");
const body = document.getElementsByTagName("body")[0];

hex.addEventListener("input", e => {
  const text = e.target.value;
  const valid = isValidHex(text);
  if (valid) {
    body.style.backgroundColor = "rgb(176, 208, 168)";
  } else {
    body.style.backgroundColor = "rgb(189, 86, 86)";
  }
});

index.html

<!DOCTYPE html>
<html>

<head>
    <title>DOM Manipulation</title>
</head>
<link rel="stylesheet" href="style.css" />

<body>
    <div id="content">
        <p>Enter a valid hex value below to make the screen turn green.</p>
        <input type="text" id="hex">
    </div>
    <script src="app.js"></script>
</body>

</html>

Answer 1 · 2020-09-01T00:00:36Z

September 1, 2020 12:00am

As you discovered, it's necessary to restrict both the size and character set.

And it does work in regexpal if you are careful to make sure that the test string is a correct match (and has no extra white space or newlines). If you were trying to test it with multiple lines of matches, you'd need to add the global (g) and multiline (m) flags, which are not on by default.

Welcome to the Treehouse Community

Looking to learn something new?

John Brady

John Brady

Results work on regexpal.com, but not on the quiz.

John Brady

John Brady

1 Answer

Steven Parker

Steven Parker

John Brady

John Brady