如何解决这个问题,在你的代码到这里之后


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 颜色...,

联系。(超链接(

首先,您需要为如何布局数组中的元素创建一种格式,例如将日期放在段落标签中等等。

稍后您可以创建相同版本的 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;

必须这样写的循环

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

最新更新