Line 9 says Change the words here to test your function
- wordBlanks(“dog”, “big”, “ran”, “quickly”); The problem is though it passes change the words or not I see nothing just this below. How do I actually see the changes.
- Your test output will go here.
Not silly at all. You really don’t get to see the result of your code, simply watch the test run. But you can see it, if you change it a little.
The guidelines I’ll give work, not only here, but in every lesson. Also, they’re commonly used “debugging tools”.
- (less recommended) use an alert. Add the line
alert(result); before you
return result;, and it’ll pop up a dialog alerting you with the content of that result variable. This is less than ideal, as in a production development, you’d have to go through and remove all those pesky
alert() calls, or it’ll keep showing folks all your oopses.
- (preferred) Use the console. Most modern browsers include some sort of developer tools, and in there, there’s a Console. Again, just before you
return result; you can send the contents of the
result variable to that console by
ctrl-alt-J will open the console. Watch in there when you run your script, and you should see the contents of
result appear there, with nothing displayed elsewhere in the browser.
There are a number of cool
console.time(...) to name a few. For different situations, it makes sense to use different options. For what you want, though, console.log() will do nicely.
Thank you once again.
That is very cool, and helpful.
And very much appreciated.
Glad to help.
And for the record, the Console is not the only cool bit in the Developer Tools. Most of them have an
Inspect or an
Elements tab, that will allow you to actually view and edit the HTML and CSS of a page.
So, for example, when you’re doing the Responsive Web Design challenges, get your HTML looking good, then you can go into the
Elements pane (in Chrome) and start seeing the effect of specific CSS changes to that HTML. Is very cool, imo.