如何用那么多 X 替换某个数字？ [复制]答案

【问题标题】：How to replace a certain number with that many X's? [duplicate]如何用那么多 X 替换某个数字？ [复制]
【发布时间】：2019-09-07 03:05:04
【问题描述】：

我在一家经销商处工作，我正在将我们的销售板移动到屏幕上。我们习惯每次卖东西时，都会在板上加一个 X。但现在我想让我的经理使用起来更简单，所以我想要这样的东西：

这是我尝试过的

$('#salesperson_tbody').append(`
        <tr>
            <td>${i.name}</td>
            <td>${i.cars_sold.replace('[0-9]', 'X')}</td>
        </tr>
 `);

function salesperson(name,cars_sold) {
    this.name = name`
    this.cars_sold = cars_sold;
};

const Steve = new salesperson(
    'Steve',
    '9.5',
);

但 9.5 是 XXXXXXXXX/。我不想替换cars.sold，但有一个功能可以替换9.5 用于展出的X。所以我的经理可以输入 10，而不是在屏幕上显示 10，它有 10 个 X。

【问题讨论】：

标签： javascript jquery html object ecmascript-6

【解决方案1】：

如果一个满星是X，一半是/，那么很简单：

$("#button").on("click", () => {
  const stars = parseFloat($("#stars").val());
  if (stars % 1) {
    $("#results").text(`${"X".repeat(Math.floor(stars))}/`);
  } else {
    $("#results").text(`${"X".repeat(stars)}`);
  }
});

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<input type="number" id="stars" min="0" max="10" step="0.5">
<button id="button">See Stars!</button>
<p id="results"></p>

【讨论】：