Everyone look at my RegEx, help. It says it's valid on Hex colors, but says I need to help it find non valid characters.

Question

// Type inside this function

function isValidHex(text) {

/* RIGHT HERE BELOW, I have a regex that checks CSS Hex colors. I guess in someway it is possible for people to get around my pattern and enter non-valid Hex/CSS colors that will get past my Regular Expression pattern. I have been using RegExpal and can't see this. Maybe some insight because the Treehouse quiz will not let me continue without solving this . */ var 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)"; } });

app.js

// Type inside this function
function isValidHex(text) {
var 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 · 2017-10-03T02:14:03Z

October 3, 2017 2:14am

function isValidHex(text) {

const hexRegEx =/^#[a-f0-9]{6}$/i;

}

Answer 2 · 2017-10-03T02:25:48Z

October 3, 2017 2:25am

Hexadecimal uses 16 digits. 0 to 9 are used to cover the first 10, but letters for the next 6. Since there are only 6 digits represented by letters you don't use the whole 26 letters from a-z but only the first 6, a-f.

Welcome to the Treehouse Community

Looking to learn something new?

Cody Smith

Cody Smith

Everyone look at my RegEx, help. It says it's valid on Hex colors, but says I need to help it find non valid characters.

eck

eck

2 Answers

glasscheck

glasscheck

Seth Kroger

Seth Kroger