Question

function displayNewsPanel() {

    console.log('here')

    // Create a variable named 'newsItems' that is a handle to the element with the ID of 'newsPanel'

    const newsItems = document.querySelector('#newsPanel')

    // This is the array of news that you are to use. Note that it is an array of arrays.

    const news =

        [

            ['May 22, 2018', 'Really Big News', 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum iusto provident sit vero, eius fugiat autem laboriosam, molestiae, quidem incidunt ducimus reiciendis fugit illo quisquam. Autem, veniam voluptas officia incidunt.', 'http://clark.edu'],

            ['May 30, 2018', 'OK News', 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum iusto provident sit vero, eius fugiat autem laboriosam, molestiae, quidem incidunt ducimus reiciendis fugit illo quisquam. Autem, veniam voluptas officia incidunt.', 'http://clark.edu'],

            ['June 14, 2018', 'GREAT NEWS!', 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum iusto provident sit vero, eius fugiat autem laboriosam, molestiae, quidem incidunt ducimus reiciendis fugit illo quisquam. Autem, veniam voluptas officia incidunt.', 'http://clark.edu'],

            ['July 2, 2018', 'Welcome Back', 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum iusto provident sit vero, eius fugiat autem laboriosam, molestiae, quidem incidunt ducimus reiciendis fugit illo quisquam. Autem, veniam voluptas officia incidunt.', 'http://clark.edu']

        ]

    // Use this variable to build the output string that you will then use for the news

    let output = ''

    // Loop through the news array of arrays. No need for nested loops.

    for (let i = 0; i < news.length; i++) {

        // Generate the HTML code that you will need to build the news string

     // Your code goes here

     // Add the output to the newsItem element

newsItems.innerHTML = output

这是javascript。我一直无法生成生成新闻字符串所需的HTML代码，我需要output = output + new[I][0]

应以如下格式显示：

姓名-日期

Lorem ipsum颜色...，

已链接。（超链接）

Answer 1

首先，您需要创建一种格式，以设置数组元素的布局方式，例如，将日期放入段落标记等。

稍后，您可以为html创建相同版本的html字符串格式。 <p>Date, Title, Lorem Ipsum</p> <a href='someusefullink.com'>Sample Link</a>，然后将其附加到您的输出字符串并设置所请求元素的innerHTML。上面的代码应如下所示：

    let output = '';
    for (let i = 0; i < news.length; i++) {
        output += `<p>${news[i][0]}, ${news[i][1]} ${news[i][2]}</p> <a href='${news[i][3]}'>${news[i][3]}</a>`; 
    }
    newsItems.innerHTML = output;

Answer 2

必须写成这样的循环

for (let i = 0; i < news.length; i++) {
  output += `${news[i][0]} - ${news[i][1]} - ${news[i][3]}`;
}

您的代码转到此处后，如何解决此问题

2 个答案: