# Quotes Page

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Quotes Page</title>
  </head>
  <body>
    <div class="quote">
      <span class="text">Be the change you wish to see in the world.</span>
      <small class="author">Mahatma Gandhi</small>
    </div>
    <div class="quote">
      <span class="text">The only way to do great work is to love what you do.</span>
      <small class="author">Steve Jobs</small>
    </div>
    <div class="quote">
      <span class="text">If you want to go fast, go alone. If you want to go far, go together.</span>
      <small class="author">African Proverb</small>
    </div>
    <script>
      let quotes = document.querySelectorAll("div.quote");
      for (let quote of quotes) {
        let text = quote.querySelector("span.text").textContent;
        let author = quote.querySelector("small.author").textContent;
        console.log(text + " - " + author);
      }
    </script>
  </body>
</html>

An example HTML page that contains three `div` elements with the class `"quote"`, each of which contains a `span` element with class `"text"` and a `small` element with class `"author"`. The JavaScript code selects each `div` element with class `"quote"`, retrieves the text content of the `span` element with class `"text"`, retrieves the text content of the `small` element with class `"author"`, and logs the text and author to the console.
 หน้าคำคม ```html <!DOCTYPE html> <html> <head> <title>หน้าคำคม</title> </head> <body> <div class="quote"> <span class="text"> เป็นการเปลี่ยนแปลงที่คุณอยากเห็นในโลกนี้</span> <small class="author">มหาตมะ คานธี</small> </div> <div class="quote"> <span class="text">The วิธีเดียวที่จะทำงานให้ดีเยี่ยมได้คือการรักในสิ่งที่คุณทำ</span> <small class="author">Steve Jobs</small> </div> <div class="quote"> <span class="text" >ถ้าอยากไปเร็วไปคนเดียว อยากไปไกลก็ต้องไปด้วยกัน</span> <small class="author">สุภาษิตแอฟริกัน</small> </div> <script> la quotes = document.querySelectorAll("div.quote"); สำหรับ (ให้เสนอราคา) { ให้ข้อความ = quote.querySelector("span.text").textContent; ให้ผู้เขียน = quote.querySelector("small.author").textContent; console.log(ข้อความ + " - " + ผู้แต่ง); } </script> </body> </html> ตัวอย่างหน้า HTML ที่มีองค์ประกอบ `div` สามรายการที่มีคลาส `"quote"` ซึ่งแต่ละองค์ประกอบมีองค์ประกอบ `span` ที่มีคลาส `"text"` และ องค์ประกอบ `เล็ก` ที่มีคลาส `"ผู้เขียน"` โค้ด JavaScript เลือกแต่ละองค์ประกอบ `div` ด้วยคลาส `"quote"`, ดึงเนื้อหาข้อความขององค์ประกอบ `span` ด้วยคลาส `"text"`, ดึงเนื้อหาข้อความขององค์ประกอบ 'small` ด้วยคลาส `"author "` และบันทึกข้อความและผู้แต่งลงในคอนโซล
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence