今天一樣努力的碼，用心的碼，專注的碼。
今天要來寫推留言的功能，
我想了一下，直接在post.html的最下面加一個input欄位跟按鈕，
這邊我查一下bootstrap5有沒有現成的可以套用。
今天去採買，特地去814發現只有生鮮類便宜，
其他餅乾生活用品類還比全聯貴，男友看到櫻桃很興奮，
我跟他說他要吃我就幫他洗，我還特別去用一支牙刷刷蒂頭的地方，
男友說不要那麼麻煩我只洗兩次，結果吃下去會苦......
我猜是農藥沒有洗乾淨，我洗完第三次好多了，可是怕殘留我再洗兩遍好了。
有些事情真的不能聽男友的，像他傻傻的一開始竟然說櫻桃不用洗可以直接吃，
真的是從小被媽媽照顧得很好，連水果會有農藥殘留都不知道，真是傻眼。
我找到可以套用的輸入欄位跟按鈕了。
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Recipient's username"
aria-label="Recipient's username" aria-describedby="button-addon2">
<button class="btn btn-outline-secondary" type="button"
id="button-addon2">Button</button>
</div>
成功的把input跟button放進去了，
接下來寫querySlector選取input跟button，
console.log看看有沒有選取到元素，
然後取值看看點擊按鈕以後有沒有取到input的值，
然後串api這邊參考post的api路徑只是..............
挖靠我發現無法用api路徑取得巢狀資料
https://github.com/typicode/json-server/issues/359
所以我打算用土基法，把資料放到data變數以後，再用純js
push到data變數裡面的陣列裡面。
只好這樣了......
因為我實在是不想改db.json，
我記得前面再寫的時候就遇到無法讓comments獨立出來的問題，
雖然我是忘記為什麼了，
不然來翻一下對話紀錄回憶一下吧。
我知道問題在哪裡了，問題再不知道怎麼同時戳兩隻api......
算了我還是試試看push大法吧。