JavaScriptを使ってウェブサイトからデータをスクレイピングするには、さまざまな方法がある。ひとつは、ブラウザの開発者ツールのコンソール・パネルを使って、ウェブページのHTML要素にアクセスできるJavaScriptコードを書く方法だ。もうひとつの方法は、PuppeteerやCheerioのような、ブラウザのアクションを自動化し、DOM要素を操作できるJavaScriptライブラリを使うことだ。

以下は、Consoleパネルを使って、https://quotes.toscrape.com/ から各引用句のタイトルと作者をスクレイピングする簡単なJSコードの例です：

```
// 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);
}
```
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);
}
```