第四題:
下圖的網頁包括第一列的表單列,第二列的產品清單列,以及最後一列的購物項目清 單。此程式包括下列部分功能規格:
1. 滑鼠移至表單功能項目時,會有反白效果(移入時背景設為白色,移出時背景設為 #BDBDBD 色),且滑鼠(cursor)會變成指標形狀(pointer)。
2. 點選[Add to Carts]按鈕,會將項目編號(藏在<button>標籤的 id 屬性內)加入購物 車變數(myCarts),並顯示在第三列資訊列上。同時,[Add to Carts]按鈕會改變成 [Cancel It]按鈕。
3. 再點選[Cancel It]按鈕,會將項目編號從購物車變數(myCarts)去除,並顯示最新 購物資料在第三列資訊列上。同時,[Cancel It]按鈕會改變成[Add to Carts]按鈕。

下面為網頁的程式碼片段(忽略相關 CSS 設定),請在適當位置填入程式碼(僅限 jQuery
指令),以顯示具備上述功能的網頁。