如何在JavaScript函数中插入html中的条件语句？

这是我的代码：

var tr = `<tr>
    <td>${flippableTemplate(item['Group 1'])}</td>
    <td>${flippableTemplate(item['Group 2'])}</td>
    <td>${item['Description']}</td>             
    <td>${item['Description2']}</td>
</tr>`;

var tr=`
${FlippelTemplate（项['Group 1']）}
${flippableTemplate（项['Group 2']）}
${item['Description']}
${item['Description2']}
`;

我想在其中插入条件语句，就像

if (item['A'] != item['B'])
  $('<td></td>').text("Great!").appendTo(tr);
else
  $('<td></td>').text("Oops").appendTo(tr);

if（项目['A']！=项目['B']）
$（''）.text（“太棒了！”）.appendTo（tr）；
其他的
$（''）.text（“Oops”）.appendTo（tr）；

我该怎么做呢

---

任何形式的帮助都将不胜感激。谢谢。

为什么不创建一个函数，接受您的输入，测试它们，然后输出模板

function appendCell(a, b) {
  const word = a !== b ? 'Great' : 'Oops';
  return `<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>${word}</td></tr>`;
}

const a = 1;
const b = 2;
const output = appendCell(a, b);

函数附加单元（a，b）{
const word=a！==b“太好了”：“哎呀”；
返回`1234${word}`；
}
常数a=1；
常数b=2；
常量输出=附加单元（a，b）；

输出

<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>Great</td></tr>

1234Great

根据您的需求调整代码

---

给你一个解决方案

var item={Category:1，Description:'Description 1.1'，'Description 2'：'Description 1.2'，status:'status 1'，'Group 1'：'group1.1'，'Group 2'：'group1.2'，'A'：1'，'B'：2}
var matchMethod=函数（）{
返回（（项目['A']！=项目['B']）？“很好”：“Ops”）；
}
var tr=`
${item['group1']}
${item['group2']}
${item['Description']}
${item['Description 2']}
${matchMethod（）}
`;
$（'table'）。追加（tr）

从javascript填充html或使用任何自定义html框架logic@binariedMe你能解释一下你说的话吗？：）对在javascript（不是html）中，您可以编写类似于create元素这样的内容并附加它：，@SteveDoson请共享您的项目JSON@Steve您可以引用这两个linksHank！此外，如果我必须添加一个图像或unicode，在这种情况下，您知道如何更改大小吗？因为它打印得很好，但大小是个问题。@SteveDoson您能通过创建
jsfiddle
，帮助我更深入地理解这个问题吗？我将向您展示我写的那一行。很好用。只是尺寸是个问题<代码>${matchMethod（item['Completed']==true）？'unicode'：（item['Completed']==false&&item['Prediction']==null）？'-'：'unicode'}

当我运行代码段时，它表示尚未定义项。