這就是我得到的，當在輸入框中輸入內容時，該項目會推送到數組，然后單擊按鈕提交，我似乎無法將其顯示在 html 上，不確定我哪里出錯了$( document ).ready ( readyNow );let garage = [];function readyNow() { console.log( 'JQ' ); $( '#addCarButton' ).on( 'click', addCar )} //end readyNowfunction addCar() { console.log('in addCar'); //get unser inputs //create new object let newCars = { year: $( '#yearInput' ).val(), make: $( '#makeInput' ).val(), model: $( '#modelInput' ).val() } //push the new car into the array garage.push( newCars ); //empty inputs $( '#yearInput' ).val( '' ); $( '#makeInput' ).val( '' ); $( '#modelInput' ).val( '' );}console.log(garage);function displayGarage(){ console.log('in displayGarage'); $('#garageOut ').append ( '<li> Year: ' + newCars.year + 'Make: ' + newCars.make + 'Model: ' + newCars.model +'</li>'); }<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="scripts/jQuery.js" charset="utf-8"></script> <script src="scripts/client.js" charset="utf-8"></script> <link rel="stylesheet" href="styles/style.css"> <title>Week 6 Tier 1 Assignment</title> </head> <body> <h1><img src="images/logo.png" alt="noah's car garage"></h1> <h2>Please Enter your Year, Make, and Model: <span id="garageList"></span></h2> <input placeholder="Year" id="yearInput" /> <input placeholder="Make" id="makeInput" /> <input placeholder="Model" id="modelInput" /> <button id= "addCarButton">Add Car</button> <h3>Garage:</h3><div id ="garageOut"></div></div> </body></html>請幫忙，我可以看到當輸入按鈕時數組在控制臺中輸出，但我的 html 上沒有顯示任何內容，我是否沒有以某種方式獲取它？我在 html 的 div 上將 id 設置為 GarageOut
如何將通過函數使用按鈕輸入的內容返回到index.html？
哈士奇WWW
2023-12-14 17:07:16
