如何運行函數並將輸出作為圖像 src javascript 返回

Question

我有一個函數來確定圖像的來源：

function facilityImg(arr, x) {
    switch (arr[x]) {
        case 'Yes':
            return "Images/checked.png";
        case 'No':
            return "Images/unchecked.png";
    }
}

其中arr是一個 Yes/No 字符串數組， x是每個值的索引。

我正在嘗試像這樣運行這個函數：

let html = `<div class="facilityCell">
               <img class="facilityIcon" title="Air-Conditioner" src="Images/air-conditioner.png">
               <img class="facilityIcon" src='facilityImg(${facilityArr}, 0)'>
            </div>`

檢查 html 元素時，我將其作為 src：

有什么我做錯了嗎？ 我已經嘗試過[src]和:src顯然應該可以工作。 在你在評論中抨擊我之前，我正在重復這段代碼，但對於一個小項目，每次都略有不同 - 無法以正確的方式再寫出 400 行。

我想做的事可能嗎？

Answer 1

您只需要更正函數的插值。 嘗試

let html = `<div class="facilityCell">
              <img class="facilityIcon" title="Air-Conditioner" src="Images/air-conditioner.png">
              <img class="facilityIcon" src="${facilityImg(facilityArr, 0)}">
            </div>`

希望修復它