For this step of the challenge, write a regular expression that will match any hexadecimal string and store it in a vari

Question

I honestly dont know what to do

app.js

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

  const hexRegEx = /[#][A-F]{7}+/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 · 2021-07-09T05:43:21Z

July 9, 2021 5:43am

Hi Kennedy,

these regular expressions can be really tricky indeed.

In your regular expression you did not check for digits, only for letters A-Z, So you want to include \d in there as well to check the numbers.

Another thing is it is 6 characters after the #, not 7. ;-)

And finally I would reccomend using the ^ at the beginning (= to start with) and $ for the end (= to end with).

Let me know if you still don't pass and I am happy to help further.

Blessings from Berlin and happy java-scripting, Nils

PS: If my answer helped you or solved your issues, please upvote my answer and/or mark it as "Best answer" (so people browsing the community forum know your issue is solved)

Welcome to the Treehouse Community

Looking to learn something new?

Kennedy Malonga

Kennedy Malonga

For this step of the challenge, write a regular expression that will match any hexadecimal string and store it in a vari

1 Answer

Unsubscribed User

Unsubscribed User