javascript debugging_not running in sololearn console but running fine in web browser. | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 3

javascript debugging_not running in sololearn console but running fine in web browser.

var numSquares = 6; var colors = []; var pickedColor; var squares = document.querySelectorAll(".square"); var colorDisplay = document.getElementById("colorDisplay"); var messageDisplay =document.querySelector("#message"); var h1 = document.querySelector("h1"); var resetButton = document.querySelector("#reset"); var modeButtons = document.querySelectorAll(".mode"); init(); function init(){ setupModeButtons(); setupSquares(); reset(); } //mode buttons event listeners function setupModeButtons(){ for(var i = 0; i < modeButtons.length; i++){ modeButtons[i].addEventListener("click", function(){ modeButtons[0].classList.remove("selected"); modeButtons[1].classList.remove("selected"); this.classList.add("selected"); this.textContent === "Easy" ? numSquares = 3: numSquares = 6; reset(); }); } } //squers setup function setupSquares(){ for (var i = 0; i < squares.length; i++){ //add click listeners to squares squares[i].addEventListener("click", function(){ //grab color of clicked square var clickedColor = this.style.background; //compare color to pickedColor if(clickedColor === pickedColor){ messageDisplay.textContent = "Correct!"; resetButton.textContent = "Play Again?"; changeColors(clickedColor); h1.style.background = clickedColor; } else { this.style.background = "#232323"; messageDisplay.textContent = "Try Again" } }); } } //reset function function reset(){ colors = generateRandomColors(numSquares); //pick a new random color from array pickedColor = pickColor(); //change colorDisplay to picked color colorDisplay.textContent = pickedColor; resetButton.textContent = "New Colors"; messageDisplay.textContent = ""; //change colors of squares for(var i = 0; i < squares.length; i++){ if(colors[i]){ squares[i].style.display = "block"; squares[i].style.background = colors[i]; } else { squares[i].style.display = "none"; } } h1.style.background = "steelb

8th Feb 2018, 10:18 AM
Pankaj Kumar Singh
Pankaj Kumar Singh - avatar
3 Answers
+ 9
It seems you are calling the script "colorGame.js" There is no such script naming available here. Try putting your js code between the script tags (and removing the src parameter) It should work fine Example (working) https://code.sololearn.com/W0uq0ygjfG5D/?ref=app original code link: https://code.sololearn.com/WRpKa2l1INrt/?ref=app
8th Feb 2018, 10:33 AM
jay
jay - avatar
+ 1
https://github.com/ps0305/RandomColorGuessGame
8th Feb 2018, 10:22 AM
Pankaj Kumar Singh
Pankaj Kumar Singh - avatar
0
SAVE SAVE AS JavaScript Console Uncaught TypeError: Cannot set property 'textContent' of null Line: 57
8th Feb 2018, 10:20 AM
Pankaj Kumar Singh
Pankaj Kumar Singh - avatar