Используя Javascript, как мне сравнить 2 значения, чтобы увидеть, делятся ли они друг на друга? - PullRequest
Новая
       9

Используя Javascript, как мне сравнить 2 значения, чтобы увидеть, делятся ли они друг на друга?

0 голосов
/ 09 февраля 2019

Я пытаюсь написать обработчик событий здесь, чтобы, когда пользователи вводят число в первое текстовое поле и второе текстовое поле, и нажимают кнопку «Сравнить значения», функция выполнялась и проверяла

если любое из чисел равно нулю, оно печатается в «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 чисел, введенных пользователем, и проверить, делятся ли они, и если да, то какое число делится наво-первых, чтобы убедиться, что на входе нет нуля, а в противном случае - если ничего не делится друг на друга, то он говорит вам, что они не делятся.

РЕДАКТИРОВАТЬ: я забыл включить мою попытку 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."
  });
});

Ответы [ 3 ]

0 голосов
/ 09 февраля 2019

Похоже, вы действительно новичок во всем этом html / js;так что извините, если я делаю это объяснение очень очень явным.

  1. Добавьте тег script после html, например, <script> stuff here </script>

  2. Замените материал здесь некоторым кодом JavaScript.

Чтобы получить переменную ссылку на элемент, используйте

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

Чтобы получитьили установите значение данных внутри элемента ввода: используйте

inputElement.value

Для обработки события щелчка по элементу: используйте 

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

И вам следуетхорошо идти оттуда.

Удачи, встать на ноги!Чтобы быть справедливым для всех сторон, это очень простой запрос уровня n00b для stackoverflow и ничего, на что нельзя ответить, следуя 30-минутному руководству на YouTube, поэтому проявите некоторую инициативу - это действительно помогает:)

0 голосов
/ 09 февраля 2019

Поскольку вы пометили это как 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>

Наслаждайтесь!

0 голосов
/ 09 февраля 2019

Просто используйте % (модуль) для делимости и == для проверки равенства: 

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>
...