0

我不知道如何在模板字符串中实现大于公式以返回布尔值（参见代码）。

const age = 47; // simplified for question
let html;

html =  `<ul>
            <li>Alcohol allowed?: ${if (age > 20) {return 'true'} else {return 'false'}}</li>
        </ul>`;

document.getElementById("replace").innerHTML = html;

<html>
    <body>
        <ul>
            <li>Alcohol allowed?: true/false</li>
        </ul>
    </body>
</html>
4

1 回答 1

1

你的问题是没有必要return因为你不在一个函数中。相反，由于您所追求的只是显示trueor false，您可以简单地使用 的值age > 20：

const age = 47; // simplified for question
let html = `<ul>
             <li>Alcohol allowed?: ${age > 20}</li>
            </ul>`;

document.body.innerHTML = html;

或者，如果您想显示除trueor以外的其他值，您可以使用三元组false。

请参见下面的示例：

const age = 47; // simplified for question
let html = `<ul>
             <li>Alcohol allowed?: ${age > 20 ? 'Above' : 'Below'}</li>
            </ul>`;

document.body.innerHTML = html;

您可以在此处阅读有关条件（三元）运算符的更多信息。

于 2019-06-26T12:37:07.877 回答