Firstly, inspect may be the wrong word if so, pay attention to what I am meaning and let me know the correct term. To be clear I know how to access developer tools, I can also for example, open the developer tools version of code (however it is best to explain this). However I cannot or cannot remember how to do the likes of expand a object to see what it contains, for an example see below. I have been naughty in the past, and avoided doing this, as it is not necessary to tick off the step however I decided, it is time to get help with this.
I decided I have edited my initial post enough so I was better to make this a sort of PS reply.
Feel free to point to the part of new syllabus that covers this. I Have been primarily working on the old but I have done parts of new. I plan to switch over with next module.
I think I understand what you are saying but it does not help me. Nothing shows in the code box of my console tab, putting the likes of console.log(res) and res in the search bar, does nothing.
I have clicked, where the code to inspect is, in the elements tab, see screenshot two. Try a few word in search see screen shot 1. Tried click on a range of icons on main body left (screenshot 1). I really oblivious so that has affected what I have done and not.
This reply presumably sent before you read my message from 3.55 appears to answer the question, I was about to ask which left hand side icon’s (cannot think of a better word) response and object. It is the messages one, right?
Potential final question. What is the purpose of looking this up in developers tools and/or what important information should I glean? Sorry I needed this step by step I am much more of natural with standard programming, than behind the scenes computer matters.
Sorry this does not answer my question, but as meaning I am willing to accept not getting an answer. However I will not tick solution in case you @fcc4b6d10c4-b540-4e2 or anyone else want to have another go at answering the question.
sometimes when you code you need to understand what’s going on, so you add the console.log to see what value things are, and console.log add those values to the console
In the first screenshot I posted, you can see at the top of the screen that I’m in the curriculum at the step you linked, and my code is using console.log() to log the response of a fetch(). But in the fcc editor’s console, all I can see for that log are a pair of empty curly braces. I can’t see what’s in it.
To see what the response object contains, I need to open my browser’s dev tools, look for the Response object under “Console” tab, and click the small arrow that’s pointing to it.
When I do that, the object expands and I can see what’s in it, like the second screenshot I posted above.
I think the question you answering, I have already worked out with ILMs help. See a post I am about to make about what I need help with now relating to developers tools and that step.
