Javascript OOP Principles: Rework "Single responsibility" example

[radtradcath]

Because

The example for the 'Single responsibility' in 'OOP Principles' lesson is written in a contradictory way which may confuse students:

• The example firstly states the incorrect way by saying "So instead of this";

• Then proceeds to show the correct way of solving the issue by saying "You should extract all the DOM manipulation into its own module and use it like so";

• Lastly, contradicts the above by saying "In fact - the function isGameOver shouldn’t be calling the DOM function anyway. That should go elsewhere (directly in the game-loop).";

The example must make clear that there are two issues with the given code block and address each problem separately to avoid the apparent contradiction.

This PR

• Rework the introduction to the example stating the number of problems;
• Address the first problem and its solution;
• Address the second problem and its solution;

Issue

Closes #26243

Additional Information

Pull Request Requirements

• I have thoroughly read and understand The Odin Project Contributing Guide
• The title of this PR follows the location of change: brief description of change format, e.g. Intro to HTML and CSS lesson: Fix link text
• The Because section summarizes the reason for this PR
• The This PR section has a bullet point list describing the changes in this PR
• If this PR addresses an open issue, it is linked in the Issue section
• If any lesson files are included in this PR, they have been previewed with the Markdown preview tool to ensure it is formatted correctly
• If any lesson files are included in this PR, they follow the Layout Style Guide

[bycdiaz]

this feels reasonable. Thanks for the adjustment!