Умножение jquery: javascript — Как выполнить умножение и указать результат в input?

Как вычислить умножение и деление двух чисел с помощью JavaScript?

Улучшить статью

Сохранить статью

  • Последнее обновление: 06 Янв, 2023

  • Читать
  • Обсудить
  • Улучшить статью

    Сохранить статью

    В этой статье мы увидим такие вычисления, как умножение и деление, с использованием Javascript. Арифметическая операция работает с двумя числами, а числа называются операндами.

    Умножение Оператор умножения (*) умножает два или более чисел.

    Пример:

     вар а =1 5;
    вар б = 12;
    вар с = а × б; 

    Подход: Создайте html-форму для получения ввода от пользователя для выполнения операций умножения. Добавьте код javascript внутри html для выполнения логики умножения. Свойство Document.getElementById(id).value возвращает значение атрибута value текстового поля.

    Пример: Below is the implementation of the above approach:

    HTML

    < body style = "margin: 30px" >

         < h2 Стиль = "Цвет: зеленый" > Geeksforgeeks H2 >

    < H4988 < H4 . 0048 H4 >

    < Форма >

    1 -й номер: < 1 -й номер: <

    . 9479479449447444744794494444794494479447. . "Firstnumber" /> < BR >

    2 -й номер: < Вход Тип = ".0048 ID = "Secondnumber" /> < BR >

    < < < . "multiplyBy()" Value = "Multiply" />< br >

         form >

     

         < p >The Result is : < br >

             < span id = "result" > SPAN >

    P >

    <

    <

    <

    0047 Script
    >

    Функция Multiplyby ()

    {

    num1 = документ

               num2 = document. getElementById(

                 "secondNumber").value;

               document.getElementById(

                 "результат").innerHTML = num1 * num2;

             }

         script >

    body >

    Output:

    multiplication and division of два числа с использованием JavaScript

    Раздел Оператор деления (/) делит два или более чисел.

    Пример:

     вар а = 50;
    вар б = 20;
    вар с = а/б; 

    Подход: Создайте HTML-форму для получения ввода от пользователя для выполнения операций деления. Добавьте код JavaScript внутрь HTML для выполнения логики деления. Свойство Document.getElementById(id).value возвращает значение атрибута value текстового поля.

    Пример: Ниже приведена реализация вышеуказанного подхода:

    HTML

    < body style = "margin: 30px" >

         < h2 style = "color : Green " > Geeksforgeeks

    H2 >

    < H4 > Дивизион с использованием Javascript H4 > Подразделение Javascript H4 >0047>

    < Форма >

    1 -й номер: < Тип = »» . /> < BR >

    2 -й номер: < Вход Тип = "Текст идентификатор

    = "0048 = "secondNumber" />< br >

             < input type = "button" onClick = "divideBy () " Значение = " Разделение " />

    < / Форма >

    9003 >

    . 0047 < p >The Result is : < br >

             < span id = "result" > span >

         p >

     

     

         < script >

    Функция Divideby ()

    {

    num1 = документ. GetElementByID (

    ").

               num2 = document.

    getElementById(

                 "secondNumber").value;

               document.getElementById(

                 "результат").innerHTML = num1 / num2;

             }

         script >

    body >

    Output:

    multiplication and division of два числа с использованием JavaScript


    Умножение и деление двух чисел с использованием JavaScript или Jquery

    Опубликовано

    14 апреля 2020 г. автором jyoti

    Друзья, сегодня я расскажу вам через знатоков php. Вот как вы можете умножать и делить два числа с помощью javascript. Итак, попробуем разобраться.

    Друзья, вы можете очень просто создать калькулятор умножения и деления с помощью javascript. Я расскажу вам очень простой способ. Вы должны сначала создать функцию в javascript. Вы можете назвать эту функцию по-своему. Затем вам нужно взять две переменные в одну и ту же функцию, в которой вы можете получить значение через id. Затем вам нужно умножить или разделить обе эти переменные, взяв другую переменную. И тогда вы получите свой ответ.

    создать калькулятор умножения и деления с помощью javascript, создать калькулятор деления и умножения двух чисел с помощью javascript с html, css

    Позвольте мне объяснить вам на практике.

    Обзор

    Шаг 1:- Создайте HTML-файл для калькулятора умножения и деления.

    Шаг 2: Добавьте код JavaScript в этот файл.

     

    Шаг 1. Создайте HTML-файл для калькулятора умножения и деления.

     

    Сначала вы создаете форму умножения и деления. Затем добавьте 2 кнопки умножения и деления в нем.

    умножение-деление-calculate.html

     
    
    <голова>
    <метакодировка=utf-8 />
    Умножение и деление двух чисел с использованием JavaScript или Jquery
    <стиль>
    тело {поле: 30px;}
    
    
    <тело>
     

    Умножение и деление двух чисел с использованием JavaScript или Jquery

    <форма> 1-й номер:
    2-й номер:
    Результат:
    <промежуток>

     

    Шаг 2. Добавьте код JavaScript в этот файл.

     

    Затем добавьте код умножения и деления javascript в эту форму.

     <скрипт>
    функция умножить()
    {
    номер1 = документ.getElementById("firstNumber").значение;
    номер2 = документ.getElementById("второйЧисло").значение;
    document.getElementById("ответ").innerHTML = число1 * число2;
    }
    функция деления()
    {
    номер1 = документ.getElementById("firstNumber").значение;
    номер2 = документ.getElementById("второйЧисло").значение;
    document.getElementById("ответ").innerHTML = число1/число2;
    }
     

    Теперь вы получили полный код ниже, чтобы правильно им управлять. Также вместе со ссылкой на демо вы можете скопировать и вставить этот код в свой файл и запустить его на своем сервере.

    умножение-деление-calculate.html

      <голова> <метакодировка=utf-8 />Умножение и деление двух чисел с использованием JavaScript или Jquery <стиль> тело {поле: 30px;}   <тело>

    Умножение и деление двух чисел с использованием JavaScript или Jquery

    <форма> 1-й номер:
    2-й номер:
    Результат:
    <промежуток>
    <скрипт> функция умножить() { номер1 = документ.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *