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

@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

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

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

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: показать затраченные материалы за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В качестве. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

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

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

@voral 3060 / 1460 / 265 Регистрация: 16.03.2008 Сообщений: 6,500 Записей в блоге: 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 3060 / 1460 / 265 Регистрация: 16.03.2008 Сообщений: 6,500 Записей в блоге: 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 3060 / 1460 / 265 Регистрация: 16.03.2008 Сообщений: 6,500 Записей в блоге: 2
	14.12.2022, 00:04
	нет не нормально. у вас нарушена структура html. вы закрыли раньше времени тег input (я говорил про лишний ">") 0

@voral 3060 / 1460 / 265 Регистрация: 16.03.2008 Сообщений: 6,500 Записей в блоге: 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