Ain't it funny how the knight moves? (opens in new tab)

They wouldn't have to write any instruction nor add letters and numbers around the board (they are missing) if they marked the goal square. Even after I read your instructions I equivocated where f8 is. I actually moved to f1, then realized that's a long time since I looked at a chess diagram.

A demonstration of how a little detail can ruin a project.

https://en.m.wikipedia.org/wiki/Knight%27s_tour

  // Get all square elements
  squareElements = [...document.querySelectorAll("[data-testid='white-square']"), ...document.querySelectorAll("[data-testid='black-square']")];
  
  // create array of elements that have been landed on
  // these need to be set to red every time because the board resets every move
  let modifiedElements = [];
  observer = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
      if (mutation.addedNodes.length > 0) {
        mutation.addedNodes.forEach(function(addedNode) {
          key = addedNode.getAttribute('data-testid').split('-')[1];
          if (!modifiedElements.includes(key)) {
            modifiedElements.push(key);
          }
          for (let i = 0; i < modifiedElements.length; i++) {
            el = squareElements.find(e => {
              return e.getAttribute('data-squareid') === modifiedElements[i]
            })
            el.style.backgroundColor = 'red';
          }
        });
      }
    });
  });
  
  // observe all square elements
  for (let i = 0; i < squareElements.length; i++) {
    observer.observe(squareElements[i], { childList: true, subtree: true });
  }
  
  // replace instructions with more accurate instructions
  instructions = document.querySelector('section p')
  instructions.innerHTML = 'Move to the square indicated below the board without moving to a square the queen can capture and without capturing the queen. Once accomplished a new square will be indicated. Repeat until all possible squares are done.';

Maybe throw a little highlight on the square on the board as well.

"Objective: Get to every square of the board that is not attacked by the queen (without capturing it either), right to left, top to bottom."

Clarifies the square indicator tip isn't necessary for the instructions.

https://news.ycombinator.com/item?id=34462855

Yeah I spent a lot of time trying to hit every square.

I found the repo[1] and it's very small readme says it's a "Chess visualization exercise"

So I'm wondering if it's an extreme exercise in memorization to help you visualize games better.

(I'm just talking out my butt here, I know nothing about chess puzzles)

[1]: https://github.com/jairtrejo/knight-moves

https://ibb.co/JFY3jm4

It made a lot more sense after doing that, as I'm nowhere near proficient enough at chess to see the board and all its moves in my mind's eye.

I'm used to a version with pawns that involves less backtracking, so it took me a little while to stop trying to be "smarter" and just be okay with continually returning to home base.

[1] https://fivethirtyeight.com/features/can-you-survive-this-de...

My first thought as well. I wonder if it was an intentional reference.

Edit: Duh - it's right on the page "Inspired by Ben Finegold and Bob Seger."

    abs(x - 4) != abs(y - 3)

I actually think I would enjoy it more if the UI helped a bit more, like by marking the squares that were forbidden because of the queen.

I ended up visualizing as two sets of loops connected to each other in the bottom-right, top-right and bottom-left quadrants, with some dead ends branching out:

https://ibb.co/JFY3jm4

Was much, much easier to complete once I could see a map of the board.

Incidentally, this is also a good strategy for planning and breaking down goals in real life: begin with the end goal, then work your way backwards.