将操作结果显示为选择按钮答案

【问题标题】：Display result of a operation as a choice button将操作结果显示为选择按钮
【发布时间】：2019-10-31 09:34:55
【问题描述】：

有没有办法将此操作的结果显示为一个可供选择的按钮？

var number = prompt("Enter a random number");
var number = number % 4;

【问题讨论】：

标签： javascript jquery html button display

【解决方案1】：

这是你要找的吗？

var number = prompt("Enter a random number");
number = number % 4;
$('body').append('<button>' +number+ '</button>');

请注意，您不能重新声明变量number，否则您将清除之前存在的值（即用户刚刚输入的内容）。

var number = prompt("Enter a random number");
number = number % 4;
$('body').append('<button>' +number+ '</button>');

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：

【解决方案2】：

如果这是你想要达到的目标，你可以这样做：

makeButton();

function makeButton() {
  var number = prompt("Enter a random number");
  var btnEl;

  if (number) {
    if (isNaN(number)) {
      console.log('The input is not a number');
      return;
    }
    number = number % 4;
    btnEl = document.createElement('input');
    btnEl.setAttribute('type', 'button');
    btnEl.setAttribute('value', number);
    btnEl.addEventListener('click', () => {
      console.log(`This buttons value is: ${number}`);
    });

    document.querySelector('body').appendChild(btnEl);
    return;
  }

  console.log('A value is required!');
}

【讨论】：