如何运行函数并将输出作为图像 src javascript 返回答案

【问题标题】：How can I run a function and return output as image src javascript如何运行函数并将输出作为图像 src javascript 返回
【发布时间】：2021-10-04 23:23:24
【问题描述】：

我有一个函数可以确定图像的来源：

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，这显然应该可以工作。在你在 cmets 中击落我之前，我会重复这段代码，但每次都会对一个小项目略有不同 - 懒得用正确的方式写出另外 400 行。

我想做的事可能吗？

【问题讨论】：

试试这个src="${facilityImg(facilityArr, 0)}"
@AHMEDSAJJAD 请将其发布为答案，以便将其标记为答案，因为它可以帮助将来的人。
将其作为答案发布。 @Elliot Cullen 请接受它作为答案

标签： javascript html image function src

【解决方案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>`

希望修复它

【讨论】：