javascript - 如何将 JS 变量的值路由到 HTML Div？

Question

大家好，我是新来的，需要作业帮助。上周我们创建了一个简单的 JS 程序，将十进制转换为二进制(不使用 parseint)。新的分配是提示用户输入十进制数，然后在 8 个单独的 div 元素中显示生成的二进制数。

虽然可能有更简洁的方法来进行转换，但以下是我在 javascript 中所做的。为了澄清起见，我根据变量相应的基数二次方(2^7 位、2^6 位等)来命名变量

var seven = 0;
var six = 0;
var five = 0;
var four = 0;
var three = 0;
var two = 0;
var one = 0;
var zero = 0;

var input = document.getElementById("dec").value;

if (input < 128) {
  seven = 0;
}

if (input > 128) {
  input = input % 128;
  seven = 1;
}

if (input < 64) {
  six = 0;
}

if (input > 64) {
  input = input % 64;
  six = 1;
}

if (input < 32) {
  five = 0;
}

if (input > 32) {
  input = input % 32;
  five = 1;
}

if (input < 16) {
  four = 0;
}

if (input > 16) {
  input = input % 16;
  four = 1;
}

if (input < 8) {
  three = 0;
}

if (input > 8) {
  input = input % 8;
  three = 1;
}

if (input < 4) {
  two = 0;
}

if (input > 4) {
  input = input % 4;
  two = 1;
}

if (input < 2) {
  one = 0;
}

if (input > 2) {
  input = input % 2;
  one = 1;
}

if (input < 1) {
  zero = 0;
}

if (input = 1) {
  zero = 1;
}

这是我在 html 中所做的。 (我们使用codepen.io，它不需要body标签)

<form>
  <input type="number" id="dec" min="0" max="255" step="1" />
</form>

<div id="seventh">0</div>
<div id="sixth">0</div>
<div id="fifth">0</div>
<div id="fourth">0</div>
<div id="third">0</div>
<div id="second">0</div>
<div id="first">0</div>
<div id="zeroth">0</div>

因此，回到真正的问题，一旦用户输入十进制数并且我将二进制单位保存到相应的变量中，如何将这些变量的值路由到我在 HTML 中创建的 div 元素？

非常感谢你们的帮助。

Answer 1

纯 JavaScript

document.getElementById("seventh").innerHTML = "ayo new text";

jquery

$('#seventh').text("ayo new text");

由于您将使用变量，因此请用字符串替换该变量。

document.getElementById("seventh").innerHTML = yourVar;