如果 h1 text == this 那么会发生这种情况[重复]

Question

所以我制作了这个 IP 脚本，当您访问我的网站时，它会显示您的 IP。

我想做的是做一个简单的 IP 拦截器，我希望它找到包含 IP 地址作为文本的标头的值，并使其成为 if IPHEADER.text or something == "GOODIP" alert("RIGHT IP!"); else window.location = "SOMETHING" ...我知道那是糟糕的 JavaScript ，但这只是一个例子。

这是我当前的代码。

<h3 id="testIp"></h3>

<script>
  function text(url) {
    return fetch(url).then(res => res.text());
  }

  text('https://www.cloudflare.com/cdn-cgi/trace').then(data => {
    let ipRegex = /[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}/
    let ip = data.match(ipRegex)[0];
    document.getElementById('testIp').innerHTML = (ip);
  });
-->NEED HELP PAST HERE<---
  function validate() {
    if (document.getElementById("testIp").innerHTML == "The Right IP") {
      alert("RIGHT IP!");
    } else {
      alert('WRONG IP!');
    }
  }

</script>

谢谢！

Answer 1

您可以更改一些内容来更正您的代码。

1. 转义正则表达式中的点文字 (\.)
2. 使用.textContent 仅从<h3> 中提取原始文本。
3. 比较两个文本字符串时，始终使用三等号 (===)

const
  PATTERN_IP_ADDRESS = /[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}/,
  blockedIpAddress   = '127.0.0.1';

const fetchText = url => fetch(url).then(res => res.text());

const validate = () => {
  const testIp = document.getElementById('testIp');
  const ipAddress = testIp.textContent;

  if (ipAddress === blockedIpAddress) {
    console.log('RIGHT IP!');
  } else {
    console.log('WRONG IP!');
    testIp.classList.add('wrong');
  }
}

fetchText('https://www.cloudflare.com/cdn-cgi/trace').then(text => {
  const [ ip ] = text.match(PATTERN_IP_ADDRESS);
  document.getElementById('testIp').innerHTML = ip;
  validate();
});

.wrong { color: red; }

<h3 id="testIp"></h3>