JavaScript расчет по формуле

@Zincher · Регистрация: 22.09.2016

Студворк — интернет-сервис помощи студентам

Добрый вечер, я полный ноль в написании программы, но есть желание научиться, хочу делать это на практике, мне надо сделать небольшой калькулятор на сайт по двум формулам, помогите пожалуйста написать его на javascript и html и обьясните в чем разница, насколько я понимаю, скрипт пишется на джава и вставляется в html, но у меня ничего не получается. Спасибо за помощь!

@KEKCoGEN · 01.03.2017, 23:02

Zincher, джава и джаваскрипт это разные, никак не связанные между собой языки.

Перенес в подходящий раздел.

@kalabuni · 01.03.2017, 23:43

Сообщение от Zincher

я полный ноль в написании программы, но есть желание научиться

это похвально

жаль, только, что в школьном возрасте у вас не появилось желания научиться разборчиво писать

ваши каракули напоминают неразгаданные шумерские рукописи, но никак не математические формулы

ниже здесь есть Редактор формул -- напишите в нём обе свои формулы

предупреждение: если у вас не получится освоить этот Редактор, то, по-видимому, и в программировании у вас ничего не выйдет (рассматривайте это как тест, который вам необходимо пройти, чтобы получить от нас помощь в решении вашей задачи

)

@Samurai6790 · 14.05.2023, 18:03

Код на Js можно писать двумя способами:
1)Писать внутри Html-кода
или же
2)Создать отдельный файл с Джава-скриптом и уже в коде написанном на Html вставить название документа с кодом на JS.Выглядеть это будет как-то так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="Вот сюда вставляете название документа на JS"></script>
</body>
</html>

@Eva Rosalene · 14.05.2023, 19:27

Сообщение от Zincher

мне надо сделать небольшой калькулятор на сайт

Что на входе, что на выходе? Как это должно выглядеть? Рискну предположить, что как-то так, но вы бы почётче формулировали.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
  <head>
    <title>Simple calculator</title>
    <style>
      .calc-grid {
        display: grid;
        width: fit-content;
        box-sizing: content-box;
        grid-template-columns: auto auto;
        gap: 0.5rem;
      }
 
      .span-2 {
        grid-column: 1 / span 2;
      }
 
      .calculators {
        display: flex;
        gap: 2rem;
      }
    </style>
  </head>
 
  <body>
    <div id="my-simple-calculator" class="calculators">
      <form id="calculator-1">
        <div class="calc-grid">
          <label for="calc-d">d = </label>
          <input id="calc-d" />
          <label for="calc-m-small">m = </label>
          <input id="calc-m-small" />
          <label for="calc-m-big">M = </label>
          <input id="calc-m-big" />
          <button class="span-2" type="submit">Расчитать</button>
          <label for="result-1">HB = </label>
          <input disabled id="result-1" />
        </div>
      </form>
      <form id="calculator-2">
        <div class="calc-grid">
          <label for="calc-v">V = </label>
          <input id="calc-v" />
          <label for="calc-u">U = </label>
          <input id="calc-u" />
          <label for="calc-y">y = </label>
          <input id="calc-y" />
          <label for="calc-b">B = </label>
          <input id="calc-b" />
          <button type="submit" class="span-2">Расчитать</button>
          <label for="result-2">W = </label>
          <input disabled id="result-2" />
        </div>
      </form>
    </div>
    <script>
      const d = document.getElementById("calc-d");
      const m = document.getElementById("calc-m-small");
      const M = document.getElementById("calc-m-big");
      const calculator1 = document.getElementById("calculator-1");
      const result1 = document.getElementById("result-1");
 
      calculator1.addEventListener("submit", (evt) => {
        evt.preventDefault();
        result1.value = String(
          Number(d.value) * Number(m.value) +
            180 -
            Number(d.value) * Number(M.value)
        );
      });
 
      const v = document.getElementById("calc-v");
      const u = document.getElementById("calc-u");
      const y = document.getElementById("calc-y");
      const b = document.getElementById("calc-b");
      const calculator2 = document.getElementById("calculator-2");
      const result2 = document.getElementById("result-2");
 
      calculator2.addEventListener("submit", (evt) => {
        evt.preventDefault();
        result2.value = String(
          Number(v.value) +
            Number(u.value) * Math.cos(Number(y.value) * Number(b.value))
        );
      });
    </script>
  </body>
</html>

@DrType · 14.05.2023, 19:34

Не по теме:

Не ведитесь на провокации некропостеров :)

@Eva Rosalene · 14.05.2023, 19:38

Не по теме:

DrType, господи, 6 лет вопросу, а я только заметила. Кошмар.

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

@Zincher 0 / 0 / 0 Регистрация: 22.09.2016 Сообщений: 9

	JavaScript расчет по формуле 01.03.2017, 20:17. Показов 4664. Ответов 6 Метки нет (Все метки) Добрый вечер, я полный ноль в написании программы, но есть желание научиться, хочу делать это на практике, мне надо сделать небольшой калькулятор на сайт по двум формулам, помогите пожалуйста написать его на javascript и html и обьясните в чем разница, насколько я понимаю, скрипт пишется на джава и вставляется в html, но у меня ничего не получается. Спасибо за помощь! 0

@KEKCoGEN 2399 / 2224 / 565 Регистрация: 28.12.2010 Сообщений: 8,672
	01.03.2017, 23:02
	Zincher, джава и джаваскрипт это разные, никак не связанные между собой языки. Перенес в подходящий раздел. 0

@DrType
	14.05.2023, 19:34
	Не по теме: Не ведитесь на провокации некропостеров :) 0

@Eva Rosalene
	14.05.2023, 19:38
	Не по теме: DrType, господи, 6 лет вопросу, а я только заметила. Кошмар. 0