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 лет вопросу, а я только заметила. Кошмар.

Новые блоги и статьи Все статьи Все блоги /
изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

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

	JavaScript расчет по формуле 01.03.2017, 20:17. Показов 4616. Ответов 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