Веб-приложение для расчета суммы получаемой студентом вуза надбавки к стипендии

@Miracul · Регистрация: 11.12.2022

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

1 Задание к работе
1.1 Описать алгоритм работы веб-приложения в соответствии с постановкой задачи в виде диаграммы деятельности (Activity) UML, на которой:
– отображены ввод требуемых данных, необходимые вычисления и вывод информации на экран;
– в форме дорожек показано, какие действия выполняет пользователь веб-приложения, а какие действия выполняются автоматически веб-приложением.
1.2 Разработать клиентскую часть веб-приложения в соответствии с постановкой задачи:
– создать HTML-форму для ввода исходных данных с помощью текстовых полей, переключателей, флажков;
– при нажатии на командную кнопку данные будут обрабатываться с помощью сценария на языке JavaScript;
– сценарий на JavaScript, после произведения требуемых вычислений, должен выводить на экране соответствующее сообщение.

2 Постановка задачи:
Веб-приложение для расчета суммы получаемой студентом вуза надбавки к стипендии. На получение надбавки влияет число баллов, набранных студентом за участие в научно-исследовательской работе (НИР):
1) если набрано менее 12 баллов, то надбавка не предоставляется;
2) если набрано от 12 (включительно) до 23 (включительно) баллов, то надбавка 50%;
3) если набрано более 23 баллов, то надбавка 75%.
В случае если студент сдал две последние сессии на «отлично», то начисляется надбавка 75% (какие-либо дополнительные расчеты на основе числа баллов за НИР в данном случае не производятся).
Входные данные, вводимые пользователем: набранное число баллов; результат сдачи сессий (две последние сессии на «отлично» или нет); сумма стипендии без надбавки (в руб.).
В результате вычислений на экран выводится надбавка к стипендии (в руб.).

@voral · 12.12.2022, 09:03

А в чем у вас вопрос?

@Miracul · 12.12.2022, 13:08 **[ТС]**

Необходимо сделать:
1)Алгоритм работы веб-приложения в виде диаграммы ( 1 картинка)
2)Код HTML-формы и сценария на JavaScript (2 картинка)
3)Тестирование веб-приложения (3 картинка)

Скриншот скину ниже, чтоб был образец как делать

@voral · 12.12.2022, 13:27

Т.е. вам необходимо готовое решение, а не помощь в решении?

Если помощь: рассказывайте что конкретно не понятно по UML диаграмме?

@DrType · 12.12.2022, 14:16

Miracul, я смотрю, разметка формы и даже какой-то скрипт у вас уже есть. Приведите весь код в текстовом виде, будем тестировать.

@Miracul · 12.12.2022, 17:42 **[ТС]**

voral, я новичок, мне нужен код html от моей постановки задачи, с остальным я уже надеюсь сам разберусь

@DrType · 12.12.2022, 17:53

Miracul, вот код с вашей картинки:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <body>
        <form>
             Выберите тариф: <br>
             <input type="radio" name="rt" value="1">первый таpиф<br>
             <input type="radio" name="rt" value="2">второй тариф<br><br>
             Использование Интернета (гбайт) &nbsp; <input type="text" name="tx"><br>
             Фиксированная сумма (руб.) &nbsp; <input type="text" name="tf"><br>
             Kоэффициент K<sub>1</sub> (pуб./гбaйт) &nbsp; <input type="text" name="tk1"><br>
             Kоэффициент K<sub>2</sub> (pуб./гбайт) &nbsp; <input type="text" name="tk2"><br><br>
 
            <input type="button" value="Pасчет оплаты"><br><br>
      </form>
   </body>
</html>

@Miracul · 12.12.2022, 18:06 **[ТС]**

DrType, да не, мне нужен код от постановки задачи. Есть задача и для него нужен код свой, я картинку просто как пример скинул.

@DrType · 12.12.2022, 18:22

Не по теме:

Извините, у меня глаз замылился.

Хорошо. Наверное, в форме должно быть два текстовое поля, чекбокс и кнопка подтверждения.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<form>
  <style>
    label,
    label span {
      display: block
    }
  </style>
  <label>
    <span>Сумма стипендии без надбавки</span>
    <input type="number" name="scholarship" required min="0">
  </label>
  <label>
    <span>Набранные баллы</span>
    <input type="number" name="bonuses" required min="0">
  </label>
 
  <label>
    Сдал сессии на отлично?
    <input type="checkbox" name="last">
  </label>
</form>

@Miracul · 12.12.2022, 23:31 **[ТС]**

DrType, спасибо, если что надеюсь на вас

Добавлено через 4 часа 59 минут

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
<body>
<form>
    <h1>Расчёт суммы получаемой студентом вуза надбавки к стипендии</h1>
    <p>Сумма стипендии без надбавки &nbsp <input type="text" name="kn" required pattern="^[0-9]+$"></p>
    <p>Набранные баллы &nbsp <input type="text" name="kn" required pattern="^[0-9]+$"></p>
    <input type="submit" value="Расчёт оплаты" onClick=">
        k = parseInt (kn.value) ;
        x = parseInt (xn.value) ;
        y = parseInt (yn.value) ;
        if (x<12)
            s=k;
        if (x=>12 && x<23)
            s = 1,5*k;
        if (x>23);
            s = 2*k;
            alert('Введена неверная сумма стипендии без надбавки!');
        if (y<12)
            summ = s+(s/100*1);
        else if (y>=12 && y<=23);
            summ = s+(x/100*1,5);
        else
            alert('Введены неверные набранные баллы!');
            
        alert('Требуемое количество набранных баллов: +Math.ceil(summ));
    ">
    </form>
</body>

Получилось что то такое, надо довести это дело до ума, значения есть в постановке задачи

@Miracul · 13.12.2022, 22:23 **[ТС]**

1. Постановка задачи:
Веб-приложение для расчета суммы получаемой студентом вуза надбавки к стипендии. На получение надбавки влияет число баллов, набранных студентом за участие в научно-исследовательской работе (НИР):
1) если набрано менее 12 баллов, то надбавка не предоставляется;
2) если набрано от 12 (включительно) до 23 (включительно) баллов, то надбавка 50%;
3) если набрано более 23 баллов, то надбавка 75%.
В случае если студент сдал две последние сессии на «отлично», то начисляется надбавка 75% (какие-либо дополнительные расчеты на основе числа баллов за НИР в данном случае не производятся).
Входные данные, вводимые пользователем: набранное число баллов; результат сдачи сессий (две последние сессии на «отлично» или нет); сумма стипендии без надбавки (в руб.).
В результате вычислений на экран выводится надбавка к стипендии (в руб.).

Доведите пожалуйста до ума, все данные выше.

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
<body>
<form>
    <h1>Расчёт суммы получаемой студентом вуза надбавки к стипендии</h1>
    <p>Сумма стипендии без надбавки &nbsp <input type="text" name="kn" required pattern="^[0-9]+$"></p>
    <p>Набранные баллы &nbsp <input type="text" name="kn" required pattern="^[0-9]+$"></p>
    <input type="submit" value="Расчёт оплаты" onClick=">
        k = parseInt (kn.value) ;
        x = parseInt (xn.value) ;
        y = parseInt (yn.value) ;
        if (x<12)
            s=k;
        if (x=>12 && x<23)
            s = 1,5*k;
        if (x>23);
            s = 2*k;
            alert('Введена неверная сумма стипендии без надбавки!');
        if (y<12)
            summ = s+(s/100*1);
        else if (y>=12 && y<=23);
            summ = s+(x/100*1,5);
        else
            alert('Введены неверные набранные баллы!');
            
        alert('Требуемое количество набранных баллов: +Math.ceil(summ));
    ">
    </form>
</body>

Добавлено через 2 часа 39 минут
voral, не глянешь на код? что то в нём не так, но что именно не понимаю, можешь расписать, или добавить в код данные?

@voral · 13.12.2022, 22:37

на вскидку: лишняя закрывающая ">"

HTML5
1
onClick=">

и в 19 строке вероятно не нужна точка с запятой

А вообще лучше скрипты выносить в тег script. Создавать там функцию и ее прописывать уже в onClick

Что значит "добавить данные в код"?

Добавлено через 8 минут
1. так же лучше объявлять переменные и константы читать здесь:

JavaScript
1
2
3
4
const k = parseInt (kn.value) ;
const x = parseInt (xn.value) ;
const y = parseInt (yn.value) ;
let summ = 0;

2 сообщение из строки 24 логичнее выводить только если введено все корректно, (т.е. когда сумма вычислялась)
3 сумму вычислять только если не было ошибок
4 Для чего в строке 14 точка запятой.
5 в строке 16 алерт будет выскакивать всегда

т.е. ряд ошибок можно исправить почитав внимательно статью

Добавлено через 2 минуты
12, 14 строка лучше дополнить с else т.к. если x < 12 - уже нет смысла его проверять на другие условия

@Miracul · 14.12.2022, 00:01 **[ТС]**

voral, до 16 строки помоему всё нормально, а дальше не знаю что писать. Как первоначальную стипендию добавить, чтоб при вводе любой суммы и набранным баллам получился какой либо ответ? Либо у меня формулы вообще не те.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<body>
<form>
    <h1>Расчёт суммы получаемой студентом вуза надбавки к стипендии</h1>
    <p>Сумма стипендии без надбавки &nbsp <input type="text" name="kn" required pattern="^[0-9]+$"></p>
    <p>Набранные баллы &nbsp <input type="text" name="kn" required pattern="^[0-9]+$"></p>
    <input type="submit" value="Расчёт стипендии" onClick="
        const k = parseInt (kn.value) ;
        const x = parseInt (xn.value) ;
        const y = parseInt (yn.value) ;
        let summ = 0;
        if (x<12)
            s=k;
        else if (x=>12 && x<23)
            s = 1,5*k;
        else if (x>23)
            s = 2*k;
        else
            alert('Введены неверные  набранные баллы');
            
        alert('Требуемое количество набранных баллов: +Math.ceil(summ));
    ">
    </form>
</body>

@voral · 14.12.2022, 00:04

нет не нормально. у вас нарушена структура html. вы закрыли раньше времени тег input (я говорил про лишний ">")

@Miracul · 14.12.2022, 00:06 **[ТС]**

voral,

HTML5
1
onClick="

это я исправил

@voral · 14.12.2022, 00:12

Далее. подумайте что делают строки (можете написать здесь)

JavaScript
1
2
3
        const k = parseInt (kn.value) ;
        const x = parseInt (xn.value) ;
        const y = parseInt (yn.value) ;

В этих строках есть проблема, но исправлять необходимо не здесь (а в HTML)

@Miracul · 14.12.2022, 00:23 **[ТС]**

voral, я так понял тут в константе надо задать переменные? Я скинул код ниже, я его как образец брал, это после Onclick="

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    k = parseInt (kn.value) ;
    x = parseInt (xn.value) ;
    y = parseInt (yn.value) ;
    if (x<=1)
        s = k;
    else if (x>1 && x<12)
        s = 1.5*k;
    else if (x>=12)
        s = 2*k;
    else 
        alert('Введены неверные данные количества батарей или среднего времени отключения!');
    if (y>1)
        summ = s+(s/100*50);
    else if (y<=1)
        summ = s;
    else 
        alert('Введены неверные данные частоты отключения!');
 
    alert('Требуемое количество батарей:'+Math.ceil(summ));

Добавлено через 1 минуту
Я его взял как образец и пытался под себя, но не получается

@voral · 14.12.2022, 00:25

да переменные надо... но откуда они берутся? Что означает например "kn.value"?

@Miracul · 14.12.2022, 00:42 **[ТС]**

Просто value я знаю что это, он задает значение, а с kn не знаю

Добавлено через 5 минут
Прости брат, знаю что надоел тебе

@voral · 14.12.2022, 00:48

Вам необходимо получить значение из полей ввода. У полей ввода есть атрибуты name и еще можно использовать id. Например

HTML5
1
<input type="text" name="login" id="loginField">

Нам нужно как то обратиться к этому полю вот считайте у вас и предполагалось обращение по имени типа

JavaScript
1
login.value

т.е. ".value" это мы уже обращаемся к значению

Но надежнее обратиться иначе. По id или по имени

JavaScript
1
2
const loginValueByName = document.querySelector('input[name="login"]').value;
const loginValueById = document.getElementById('loginField').value;

Вот вам и необходимо проверить получаете ли вы в этих строках все что вам нужно

Добавлено через 1 минуту

Не по теме:

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

Прости брат, знаю что надоел тебе

Надо не методом научного тыка "изучать", а действительно разбирать каждую строку. Достал костыль для решение - гуд, но все же разбирай - и все получится....

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю 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 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@Miracul 0 / 0 / 0 Регистрация: 11.12.2022 Сообщений: 11

	Веб-приложение для расчета суммы получаемой студентом вуза надбавки к стипендии 11.12.2022, 20:23. Показов 1833. Ответов 20 Метки нет (Все метки) 1 Задание к работе 1.1 Описать алгоритм работы веб-приложения в соответствии с постановкой задачи в виде диаграммы деятельности (Activity) UML, на которой: – отображены ввод требуемых данных, необходимые вычисления и вывод информации на экран; – в форме дорожек показано, какие действия выполняет пользователь веб-приложения, а какие действия выполняются автоматически веб-приложением. 1.2 Разработать клиентскую часть веб-приложения в соответствии с постановкой задачи: – создать HTML-форму для ввода исходных данных с помощью текстовых полей, переключателей, флажков; – при нажатии на командную кнопку данные будут обрабатываться с помощью сценария на языке JavaScript; – сценарий на JavaScript, после произведения требуемых вычислений, должен выводить на экране соответствующее сообщение. 2 Постановка задачи: Веб-приложение для расчета суммы получаемой студентом вуза надбавки к стипендии. На получение надбавки влияет число баллов, набранных студентом за участие в научно-исследовательской работе (НИР): 1) если набрано менее 12 баллов, то надбавка не предоставляется; 2) если набрано от 12 (включительно) до 23 (включительно) баллов, то надбавка 50%; 3) если набрано более 23 баллов, то надбавка 75%. В случае если студент сдал две последние сессии на «отлично», то начисляется надбавка 75% (какие-либо дополнительные расчеты на основе числа баллов за НИР в данном случае не производятся). Входные данные, вводимые пользователем: набранное число баллов; результат сдачи сессий (две последние сессии на «отлично» или нет); сумма стипендии без надбавки (в руб.). В результате вычислений на экран выводится надбавка к стипендии (в руб.). 0

@voral 3012 / 1446 / 262 Регистрация: 16.03.2008 Сообщений: 6,452 Записей в блоге: 2
	12.12.2022, 09:03
	А в чем у вас вопрос? 0

@Miracul 0 / 0 / 0 Регистрация: 11.12.2022 Сообщений: 11
	12.12.2022, 13:08 [ТС]
	Необходимо сделать: 1)Алгоритм работы веб-приложения в виде диаграммы ( 1 картинка) 2)Код HTML-формы и сценария на JavaScript (2 картинка) 3)Тестирование веб-приложения (3 картинка) Скриншот скину ниже, чтоб был образец как делать Миниатюры 0

@voral 3012 / 1446 / 262 Регистрация: 16.03.2008 Сообщений: 6,452 Записей в блоге: 2
	12.12.2022, 13:27
	Т.е. вам необходимо готовое решение, а не помощь в решении? Если помощь: рассказывайте что конкретно не понятно по UML диаграмме? 0

@DrType 6553 / 3624 / 1075 Регистрация: 07.09.2019 Сообщений: 5,877 Записей в блоге: 1
	12.12.2022, 14:16
	Miracul, я смотрю, разметка формы и даже какой-то скрипт у вас уже есть. Приведите весь код в текстовом виде, будем тестировать. 0

@Miracul 0 / 0 / 0 Регистрация: 11.12.2022 Сообщений: 11
	12.12.2022, 17:42 [ТС]
	voral, я новичок, мне нужен код html от моей постановки задачи, с остальным я уже надеюсь сам разберусь 0

@Miracul 0 / 0 / 0 Регистрация: 11.12.2022 Сообщений: 11
	12.12.2022, 18:06 [ТС]
	DrType, да не, мне нужен код от постановки задачи. Есть задача и для него нужен код свой, я картинку просто как пример скинул. 0

@voral 3012 / 1446 / 262 Регистрация: 16.03.2008 Сообщений: 6,452 Записей в блоге: 2
	14.12.2022, 00:04
	нет не нормально. у вас нарушена структура html. вы закрыли раньше времени тег input (я говорил про лишний ">") 0

@voral 3012 / 1446 / 262 Регистрация: 16.03.2008 Сообщений: 6,452 Записей в блоге: 2
	14.12.2022, 00:25
	да переменные надо... но откуда они берутся? Что означает например "kn.value"? 0

@Miracul 0 / 0 / 0 Регистрация: 11.12.2022 Сообщений: 11
	14.12.2022, 00:42 [ТС]
	Просто value я знаю что это, он задает значение, а с kn не знаю Добавлено через 5 минут Прости брат, знаю что надоел тебе 0