使用JavaScript，如何比较2倍的值，看看它们是整除对方？

Question

我想在这里写一个事件处理程序，以便当用户输入在第一个文本框中输入一个号码，第二个文本框，然后点击“比较值”按钮，功能执行，并检查

如果任一数是零，它打印出的“了Box5”，“您已进入零”

如果这两个数字是相同的，它打印出的“了Box5”，“这个数字是一样的”

如果第一个数字是由第二整除，它打印出的“了Box5”，“首先是由第二整除”

如果第二个数字是由第一整除，它打印出的“了Box5”，“第二个是由第一整除”

否则，如果数字不分成彼此，它打印出的“了Box5”，“他们是不是整除”

我已经创造了这个HTML页面，但我不知道我应该怎么处理这个。一些用户告诉我使用“KEYUP”的方法，我希望如果有人可以告诉我的，他们将使用“KEYUP”的方法，如果这是可能的方法这种方式的一例。提前致谢

<p> Enter two numbers and we will tell you if they are evenly divisble
<p> Enter your first number:</p> <input type="text" id="box3">
<p> Enter your second number: </p> <input type="text" id="box4"> 
<button id="compareValue">Compare Values</button>
<p> Output will appear here: </p> <input text="type" id="box5" disabled>

我只是想创建一个简单的工具来比较用户输入的2号，并检查它们是否整除，如果是这样，其数量由哪一个是可分的，并确保没有ZERO在进入输入和else，如果没有是整除对方的话，它会告诉你，他们是不能分开的。

编辑：我忘了，包括我的JavaScript的尝试：

let firstNumber = document.getElementById("box3")
let secondNumber = document.getElementById("box4")
let outputNumber = document.getElementById("box5")

$(document).ready(function(){
$("compareValue").keyup(function(){
let a = firstNumber.value;
let b = secondNumber.value;
  if (a === 0 || b === 0);
    let outputNumber.value = "The Number is ZERO."
  });
  if (a % b );
    let outputNumber.value = "First number is divisible by the second number."
  });
  if (b % a);
    let outputNumber.value = "Second Number is divisble by the first number."
  });
  else-if (a !== b && b !== a);
    let outputNumber.value = "The numbers are not divisible."
  });
});

Answer 1

只要使用%（模数）为可分，并==测试平等：

function compare() {
  var value1 = parseInt(document.getElementById("box3").value);
  var value2 = parseInt(document.getElementById("box4").value);
  var display = document.getElementById("box5");
  if (value1 == 0 || value2 == 0) {
    display.value = "You have entered zero";
  } else if (value1 == value2) {
    display.value = "The numbers are the same";
  } else if (value1 % value2 == 0) {
    display.value = "The first is divisible by the second";
  } else if (value2 % value1 == 0) {
    display.value = "The second is divisible by the first";
  } else {
    display.value = "They are not divisible";
  }
}

<p> Enter two numbers and we will tell you if they are evenly divisble</p>
<p> Enter your first number:</p> <input type="text" id="box3">
<p> Enter your second number: </p> <input type="text" id="box4">
<button id="compareValue" onclick="compare()">Compare Values</button>
<p> Output will appear here: </p> <input text="type" id="box5" disabled>

Answer 2

既然你这个标记与jquery我猜你会开到一个jQuery的解决方案。

$(function() {
  function compare(a, b) {
    if (typeof a !== "number" || typeof b !== "number") {
      return false;
    }
    var result;
    switch (true) {
      case (a === 0 || b === 0):
        result = "You have entered zero";
        break;
      case (a === b):
        result = "The numbers are the same";
        break;
      case (a % b === 0):
        result = "The first is divisible by the second";
        break;
      case (b % a === 0):
        result = "The second is divisible by the first";
        break;
      default:
        result = "They are not divisible";
        break;
    }
    return result;
  }
  $("#compareValue").click(function(e) {
    var v1 = parseInt($("#box3").val());
    var v2 = parseInt($("#box4").val());
    $("#box5").val(compare(v1, v2));
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p> Enter two numbers and we will tell you if they are evenly divisble
  <p> Enter your first number:</p> <input type="text" id="box3">
  <p> Enter your second number: </p> <input type="text" id="box4">
  <button id="compareValue">Compare Values</button>
  <p> Output will appear here: </p> <input text="type" id="box5" disabled>

请享用！

Answer 3

这听起来像你真的很新的这整个HTML / JS的事情;所以原谅我，如果我在做这个解释非常非常明确的。

1. 添加script标记您的HTML之后，如<script> stuff here </script>
2. 这里有一些JavaScript代码替换的东西。

为了得到一个变量引用元素，使用

var someElement = document.getElementById("#id_of_an_element")

要获取或设置输入元素中的数据的价值：使用

inputElement.value

为了处理一个元素上的click事件：使用

buttonElement.addEventListener("click", function(){
    //Do stuff!
})

而且你要善于从那里走。

祝你好运让你的脚！为了公平对待所有各方，这是计算器并没有什么非常非常的n00b级查询不能按照YouTube上30分钟的指导来回答，所以采取了一些举措 - 它确实有助于:)