Error on regular expressions coding challenge. I get an error that I am not putting the const hegRegEx inside function

Question

function isValidHex(text) {

const hegRegEx = /^#[a-f0-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)"; } )};

So when I try to run this, it will say unexpected character on line 18 which is after all of the code. Then when I attempt to close out the expression, it says that there is an error that the const hegRegEx is not inside the function and I know that it is .

app.js

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

 const hegRegEx = /^#[a-f0-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 · 2019-05-23T16:31:24Z

May 23, 2019 4:31pm

One issue is a typo. Your variable should be named hexRegEx

Welcome to the Treehouse Community

Looking to learn something new?

Angela Edwards

Angela Edwards

Error on regular expressions coding challenge. I get an error that I am not putting the const hegRegEx inside function

1 Answer

KRIS NIKOLAISEN

KRIS NIKOLAISEN