write me a js code that can scrape a website through the browsers element inspector
There are different ways to scrape data from a website using JavaScript. One way is to use the Console panel of the browser’s developer tools to write JavaScript code that can access the HTML elements of the webpage. Another way is to use a JavaScript library such as Puppeteer or Cheerio that can automate browser actions and manipulate DOM elements.

Here is an example of a simple JS code that can scrape the title and author of each quote from https://quotes.toscrape.com/ using the Console panel:

```
// Select all div elements with class quote
let quotes = document.querySelectorAll(div.quote);

// Loop through each quote element
for (let quote of quotes) {
  // Get the text content of the span element with class text
  let text = quote.querySelector(span.text).textContent;
  // Get the text content of the small element with class author
  let author = quote.querySelector(small.author).textContent;
  // Print the text and author
  console.log(text +  -  + author);
}
```
Can you give me a step by step breakdown of how I would use this JS code?
Sure, here's a step by step breakdown of how you can use the JS code to scrape the website:

- Open your web browser and go to https://quotes.toscrape.com/.
- Open the Developer Tools of your browser by pressing F12 on Windows and Linux or Command+Option+I on a Mac.
- Go to the Console tab in the Developer Tools.
- Copy and paste the JS code into the Console panel.
- Press the Enter key to execute the code.
- The Console panel should print out the text and author of each quote on the page.