Hướng dẫn write a javascript function to add the following books in the library - viết một hàm javascript để thêm những cuốn sách sau vào thư viện

Reading status of a book library

var library = [ 
    {
        title: 'Bill Gates',
        author: 'The Road Ahead',
        readingStatus: true
    },
    {
        title: 'Steve Jobs',
        author: 'Walter Isaacson',
        readingStatus: true
    },
    {
        title: 'Mockingjay: The Final Book of The Hunger Games',
        author: 'Suzanne Collins',
        readingStatus: false
    }];

for [var i = 0; i < library.length; i++] 
   {
    var book = "'" + library[i].title + "'" + ' by ' + library[i].author + ".";
    if [library[i].readingStatus] {
      console.log["Already read " + book];
    } else
    {
     console.log["You still need to read " + book];
    }
   }
   

Already read 'Bill Gates' by The Road Ahead.
Already read 'Steve Jobs' by Walter Isaacson.
You still need to read 'Mockingjay: The Final Book of The Hunger Games' by Suzanne Collins.

Mức độ khó của bài tập này là gì?

Kiểm tra kỹ năng lập trình của bạn với bài kiểm tra của W3Resource.

JavaScript: Lời khuyên trong ngày

Thuộc tính truy cập

const colorConfig = {
  red: true,
  blue: false,
  green: true,
  black: true,
  yellow: false,
};

const colors = ['pink', 'red', 'blue'];

console.log[colorConfig.colors[1]];

Trong JavaScript, chúng tôi có hai cách để truy cập các thuộc tính trên một đối tượng: ký hiệu khung hoặc ký hiệu dấu chấm. Trong ví dụ này, chúng tôi sử dụng ký hiệu DOT [ColorConfig.Colors] thay vì ký hiệu khung [ColorConfig ["Colors"]]. Với ký hiệu DOT, JavaScript cố gắng tìm thuộc tính trên đối tượng với tên chính xác đó. Trong ví dụ này, JavaScript cố gắng tìm một thuộc tính gọi là màu trên đối tượng ColorConfig. Không có thuộc tính nào được gọi là màu sắc, vì vậy điều này trả về không xác định. Sau đó, chúng tôi cố gắng truy cập giá trị của phần tử đầu tiên bằng cách sử dụng [1]. Chúng ta không thể làm điều này trên một giá trị không xác định, vì vậy nó ném một kiểu mẫu: không thể đọc thuộc tính '1' không xác định. JavaScript diễn giải [hoặc unbox]. Khi chúng tôi sử dụng ký hiệu khung, nó sẽ thấy khung mở đầu tiên [và tiếp tục cho đến khi nó tìm thấy giá đỡ đóng]. Chỉ sau đó, nó sẽ đánh giá tuyên bố. Nếu chúng ta đã sử dụng ColorConfig [Colors [1]], nó sẽ trả lại giá trị của thuộc tính màu đỏ trên đối tượng ColorConfig.
With dot notation, JavaScript tries to find the property on the object with that exact name. In this example, JavaScript tries to find a property called colors on the colorConfig object. There is no property called colors, so this returns undefined. Then, we try to access the value of the first element by using [1]. We cannot do this on a value that's undefined, so it throws a TypeError: Cannot read property '1' of undefined.
JavaScript interprets [or unboxes] statements. When we use bracket notation, it sees the first opening bracket [ and keeps going until it finds the closing bracket ]. Only then, it will evaluate the statement. If we would've used colorConfig[colors[1]], it would have returned the value of the red property on the colorConfig object.

Tham khảo: //bit.ly/32rdt6i

• Bài tập: Top 16 chủ đề phổ biến nhất hàng tuần
• Bài tập SQL, Thực hành, Giải pháp - Tham gia
• Bài tập SQL, Thực hành, Giải pháp - Quan sát phụ
• JavaScript Basic - Bài tập, Thực hành, Giải pháp
• Java Array: Bài tập, Thực hành, Giải pháp
• C Bài tập lập trình, Thực hành, Giải pháp: Tuyên bố có điều kiện
• Cơ sở dữ liệu nhân sự - Sắp xếp bộ lọc: Bài tập, Thực hành, Giải pháp
• C Bài tập lập trình, Thực hành, Giải pháp: Chuỗi
• Các loại dữ liệu Python: Từ điển - Bài tập, Thực hành, Giải pháp
• Câu đố lập trình Python - Bài tập, Thực hành, Giải pháp
• Mảng C ++: Bài tập, Thực hành, Giải pháp
• Báo cáo và vòng lặp có điều kiện JavaScript - Bài tập, Thực hành, Giải pháp
• Thuật toán cơ bản C# Sharp: Bài tập, Thực hành, Giải pháp
• Python Lambda - Bài tập, Thực hành, Giải pháp
• Python Pandas DataFrame: Bài tập, Thực hành, Giải pháp
• Công cụ chuyển đổi
• JavaScript: HTML Mẫu xác thực

Bạn tạo phần tử sách tốt, nhưng trong các dòng:

let titleContent = document.createTextNode["Title: " + books[0].title];
let authorContent = document.createTextNode["Author: " + books[0].author];
let categoryContent = document.createTextNode["Category: " + books[0].category];

Bạn tiếp tục chèn cuốn sách đầu tiên.

Hơn nữa, bạn tiếp tục tạo một ul mới mỗi khi bạn thêm một phần tử li mới và bạn thêm tất cả các thuộc tính của cuốn sách của bạn vào các yếu tố danh sách khác nhau.

Vì vậy, bạn cần phải tái cấu trúc mã của mình để thêm tất cả thông tin sổ sách vào một yếu tố danh sách và sau đó thêm nó vào danh sách.

Đầu tiên, bạn cần tạo một phần tử ul với ID book-list ngay sau phần tử

var library = [ 
    {
        title: 'Bill Gates',
        author: 'The Road Ahead',
        readingStatus: true
    },
    {
        title: 'Steve Jobs',
        author: 'Walter Isaacson',
        readingStatus: true
    },
    {
        title: 'Mockingjay: The Final Book of The Hunger Games',
        author: 'Suzanne Collins',
        readingStatus: false
    }];

for [var i = 0; i < library.length; i++] 
   {
    var book = "'" + library[i].title + "'" + ' by ' + library[i].author + ".";
    if [library[i].readingStatus] {
      console.log["Already read " + book];
    } else
    {
     console.log["You still need to read " + book];
    }
   }
   

Và sau đó, bạn cần thay đổi mã của mình bằng cách lấy phần tử ul bên ngoài hàm

var library = [ 
    {
        title: 'Bill Gates',
        author: 'The Road Ahead',
        readingStatus: true
    },
    {
        title: 'Steve Jobs',
        author: 'Walter Isaacson',
        readingStatus: true
    },
    {
        title: 'Mockingjay: The Final Book of The Hunger Games',
        author: 'Suzanne Collins',
        readingStatus: false
    }];

for [var i = 0; i < library.length; i++] 
   {
    var book = "'" + library[i].title + "'" + ' by ' + library[i].author + ".";
    if [library[i].readingStatus] {
      console.log["Already read " + book];
    } else
    {
     console.log["You still need to read " + book];
    }
   }
   

class Book {
    constructor[title,author,category] {
        this.title = title;
        this.author = author;
        this.category = category;
    }
}

let btn = document.getElementById['submit'];
let elementUl = document.getElementById['book-list'];

let books = [];

function addElement[book] {
    
    // Convert these elements to p, in order to hold your book info.    
    let elementTitle = document.createElement['p'];
    let elementAuthor = document.createElement['p'];
    let elementCategory = document.createElement['p'];
    
    // The list element that will hold all book info.
    let bookElement = document.createElement['li'];

    let titleContent = document.createTextNode["Title: " + book.title];
    let authorContent = document.createTextNode["Author: " + book.author];
    let categoryContent = document.createTextNode["Category: " + book.category];

    elementTitle.appendChild[titleContent];
    elementAuthor.appendChild[authorContent];
    elementCategory.appendChild[categoryContent];
    
    // Add all book info to list element.
    bookElement.appendChild[elementTitle];
    bookElement.appendChild[elementAuthor];
    bookElement.appendChild[elementCategory];
    
    // Add list element to list.
    elementUl.appendChild[bookElement];
}

function submitForm[event] {
    event.preventDefault[];
    
    let title = document.getElementById['title'].value;
    let author = document.getElementById['author'].value;
    let category = document.getElementById['category'].value;

    let book = new Book[title,author,category];

    books.push[book];     

    addElement[book];
      
}

btn.addEventListener['click',submitForm];

Làm thế nào để thêm sách trong JavaScript?

Các hàm [] trong javascript là gì?

Có một chức năng Thêm trong JavaScript?

Chức năng trong JavaScript với ví dụ là gì?