我不知道在哪里放置大括號或括號以使其正常作業。起初我以為服務器已關閉或其他原因，但后來我設法通過控制臺記錄資料。我一直在卸載并重新安裝這個名為“Bracket Colorizer”的 Visual Studio 代碼擴展來嘗試解決這個問題，但我已經筋疲力盡了。
document.addEventListener('DOMContentLoaded', () => {
const title = document.createElement('h1');
title.innerText = 'Online Chatroom';
document.querySelector('body').appendChild(title);
// make AJAX call here....
fetch('https://curriculum-api.codesmith.io/messages')
.then(data => data.json())
.then(data => {
const main = document.querySelector('main')
for (let i = 0; i < data.length; i ) {
writeHTML(data[i], main)
// console.log(data);
});
};
};如果有幫助，這是我和我的 wyzant 導師一起撰寫的其余代碼。
document.querySelector('form').addEventListener('submit', sendMessage)
function writeHTML(message, htmlNode) {
let messageContainer = document.createElement('div')
let messageText = document.createElement('p')
messageText.innerHTML = message.message
messageContainer.appendChild(messageText)
let messageTime = document.createElement('span')
messageTime.classList.add('time')
messageTime.innerText = message.created_at
messageContainer.appendChild(messageTime)
linebreak = document.createElement("br");
messageContainer.appendChild(linebreak);
// // document.innerHTML(<br>)
let createdBy = document.createElement('span')
createdBy.classList.add('message_sender')
createdBy.innerText = message.created_by
messageContainer.appendChild(createdBy)
htmlNode.appendChild(messageContainer)
}
function sendMessage(event) {
event.preventDefault()
let newMessage = document.querySelector('textarea').value
let data = {
message: newMessage,
//figure out how to add another text box and insert that data here
created_by: "Matthew",
created_at: Date.now()
}
fetch('https://curriculum-api.codesmith.io/messages', {
method: 'POST',
body: JSON.stringify(data),
headers: {
'Content-Type': 'application/json'
}
}).then(function(response){
return response.json()
})
.then(function(response){
const main = document.querySelector('main')
writeHTML(response[0], main)
})
.catch(function(error){
console.error(error)
})
};uj5u.com熱心網友回復：
這個括號放錯了：
// console.log(data);
}); <-- this one
};
// console.log(data);
}
}); <-- should be here
uj5u.com熱心網友回復：
你有兩個括號放錯了，你可以用下面的代碼檢查：
document.addEventListener('DOMContentLoaded', () => {
const title = document.createElement('h1');
title.innerText = 'Online Chatroom';
document.querySelector('body').appendChild(title);
// make AJAX call here....
fetch('https://curriculum-api.codesmith.io/messages')
.then(data => data.json())
.then(data => {
const main = document.querySelector('main')
for (let i = 0; i < data.length; i ) {
writeHTML(data[i], main)
// console.log(data);
}
})
})轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/419778.html
標籤：