Bummer: The hexRegEx variable does not hold a regular expression object.

Question

This is my code: // Type inside this function function isValidHex(text) {

let hexRegEx = /^#[0-9 A-F]{6}$/i.test(text); return hexRegEx;

}

when I preview this everything is working as it should, the background turns green etc.

Why I get this error message when I press the button "Check Work"?

Thank you

app.js

// Type inside this function
function isValidHex(text) {

 let hexRegEx = /^#[0-9 A-F]{6}$/i.test(text);
  return hexRegEx;

}

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-01-17T13:54:32Z

January 17, 2020 1:54pm

The challenge wants the variable "hexRegEx" to be a regular expression

so if you just make sure that the variable is let hexRegEx = /^#[0-9 A-F]{6}$/i

you can then return hexRegEx.test(text) and it works the same, but it will also pass the challenge.

Answer 2 · 2020-01-20T11:21:23Z

January 20, 2020 11:21am

Thank you very much Zimri Leijen :)

Welcome to the Treehouse Community

Looking to learn something new?

Christian Fuchs

Christian Fuchs

Bummer: The hexRegEx variable does not hold a regular expression object.

2 Answers

Zimri Leijen

Zimri Leijen

Christian Fuchs

Christian Fuchs