Why did my site hung? ( Chrome )

Question

1.00/5 (1 vote)

See more:

Hello, everyone. I tried to fix my site from hanging ( it just loads loads loads until a "Page Unresponsive" popup comes ) . I don't know what to do and... You know. I know, there might be infinite loops but- I can't find one! This is my code:

¶ Code

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Encrypted directory!</title>
    <link href="/files/style.css" rel="stylesheet">
    <style>
html {
  max-width: 100%;
  touch-action: pan-x pan-y;
}
    </style>
  </head>
  <body onload="main()">
    <p class="upper" style="margin: 0;">/files/>cd my</p>
    <center>
      <p>Encrypted directory!</p>
      <p>You need a code!</p>
      <p>[HEX] - viewer, [X]-exit</p>
      <p>Code: <span id="codeInput" class="upper"></span></p>
      <textarea style="display: none;" id="codeInputGetter"></textarea>
    </center>
    <!-- <script src="/files/script.js"></script> -->
    <script>
function main() {
  if ((document.readyState === "complete") || (document.readyState === "interactive")) {
    getCode()
  }
}

function getCode() {
  fakedInputGetter = document.getElementById("codeInputGetter")
  fakedInput = document.getElementById("codeInput")

  fakedInputGetter.focus()
  while ((fakedInputGetter.innerText.indexOf("\n") != -1) == false) {
    fakedInputGetter.focus()
    fakedInput.innerHTML = fakedInputGetter.innerText.replace("\n", "")
  }
}
    </script>
  </body>
</html>

What I have tried:

I tried to go to the Chrome lighthouse, and... That's how I knew that my site hung.

Posted 6-Feb-22 0:26am

Tyrunt.new("Rix")

Updated 6-Feb-22 0:42am

v3

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard MacCutchan · Accepted Answer · 2022-02-06T00:42:00

Solution 1

I think the problem is in the following code:

JavaScript

while ((fakedInputGetter.innerText.indexOf("\n") != -1) == false) {
  fakedInputGetter.focus()
  fakedInput.innerHTML = fakedInputGetter.innerText.replace("\n", "")
}

If there is no newline character found by the call to indexOf, then the result will be -1. You then compare that result (for negative equality) with -1. But the boolean result of -1 != -1 is false. You then compare that result to be equal to false, which is true, so the while loop continues.

Posted 6-Feb-22 0:42am

Richard MacCutchan

Comments

Tyrunt.new("Rix") 6-Feb-22 6:44am

But... It focuses the textarea and then it waits until the textarea is finished, AKA, entering a new line. And then, if there's a new line, the loop ends. And see, it's/it should be not infinite at all!

Richard MacCutchan 6-Feb-22 6:51am

Well, if I change that line to

      while ((fakedInputGetter.innerText.indexOf("\n") != -1) == true) {

it does not hang.

Tyrunt.new("Rix") 6-Feb-22 7:09am

But it does not make the fake input typable anymore :(

Richard MacCutchan 6-Feb-22 7:14am

There is some code missing from what you have posted as I did not get an input text area on my test.

Tyrunt.new("Rix") 6-Feb-22 7:17am

Does the contenteditable attribute work?

Richard MacCutchan 6-Feb-22 7:23am

I have changed it so the textarea is visible and it still hangs with the original while loop. I suspect the problem is that you are calling getCode as soon as the page loads, before there is any text to be checked.

Tyrunt.new("Rix") 6-Feb-22 7:24am

It does, but... It can't detect if the newline is entered :(

Richard MacCutchan 6-Feb-22 7:26am

I think you need to redesign your code, and only call that function when you have some actual text to verify. You also need a better test for the situation when you have no newline characters, or when they have all been removed.