我正在使用此代碼來獲取選中的復選框并將其名稱與對象數組匹配，以便能夠檢索某些值。樣品小提琴。如何使用這些值創建 span 元素并根據選中的復選框更新顏色設置位置？      var inputElements = document.getElementsByName("fruits");       const item = {             "lychee" :{ price:10, pos:80, colCode:'ff0000' },             "orange" :{ price:12, pos:60, colCode:'00ff00' },            "apple"  :{ price:8, pos:40, colCode:'ff6600' },            "mango"  :{ price:12, pos:60, colCode:'00ff00' },            "banana" :{ price:4, pos:80, colCode:'ff0000' }       };          let result = [...document.querySelectorAll("[name=fruits]:checked")]      .map(chk => (          var marker = document.createElement('span');          marker.style.color = colCode:${item[chk.value].colCode}, //does not work          marker.style.marginLeft = pos:${item[chk.value].pos}px ) //does not work      );    <input type="checkbox" name="fruits" value="lychee">Lychee <br>     <input type="checkbox" name="fruits" value="orange" checked>Orange <br>    <input type="checkbox" name="fruits" value="apple">Apple <br>    <input type="checkbox" name="fruits" value="mango" checked>Mango <br>    <input type="checkbox" name="fruits" value="banana">Banana