Question

有没有一种方法可以显示此操作的结果作为选择按钮？

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

Answer 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>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Answer 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!');
}

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

2 个答案: