如何將函數的值放入模板文字中？

Question

我正在制作一個評論系統，並且需要將星星放在模板文字中，目的是將星星的數量留在人名旁邊。 到目前為止，該值向我顯示“未定義”截屏截圖評論系統

這是javascript代碼

const txtNombre = document.getElementById("text-nombre");
const txtParrafo = document.getElementById("text-area");
const boton = document.getElementById("btnAgregar");
const listado = document.getElementById("contenedor-filas");
const radio = document.getElementsByName("rate");

boton.addEventListener("click", agregarALista);

function agregarALista() {
    let nombre = txtNombre.value;
    var valor = txtParrafo.value;

    const elHtml = document.createElement("div");

    elHtml.innerHTML = `
    <div class="row" id="fila-segunda">
        <div class = "col-6">
            ${nombre}
        </div>

        <div class = "col-6">
            ${estrellitas()}
        </div>
    </div>

    <div class="row" id="fila-tercera">
        <div class = "col">
            ${valor}
        </div>
    </div>
    `;
    listado.appendChild(elHtml);

    txtNombre.value = "";
    txtParrafo.value = "";
}




let estrellitas = function() {
    radio.forEach(function(elementos) {
        if (elementos.checked) {
            estrellas = document.createElement("h3");
            estrellas.setAttribute("class", "stars");
            let s = "";
            for (i = 0; i < elementos.value; i++) {
                s += "★";
            }
            estrellas.textContent = s;
            listado.appendChild(estrellas);
        }
    });
}

Answer 1

您的函數estrellitas()缺少 return 語句，因此將返回undefined 。 否則，在字符串模板文字中包含函數返回值的語法是正確的：

 let x = (a, b) => a > b; let a = 10, b = 20; console.log(`${a} is greater than ${b}? ${x(a, b)}`);