Кутін В.О.. Розробка системи управління базою даних

Название	Розробка системи управління базою даних
Анкор	Кутін В.О
Дата	02.05.2022
Размер	1.46 Mb.
Формат файла
Имя файла	Кутін В.О..docx
Тип	Документы #507693
страница	4 из 6

1 2 3 4 5 6

3.3 Розробка модуля вводу-виводу даних

За модуль вводу-виводу відповідає клас Print та функції addPacient,

addCategory, addLesson, addTest, addExam, printAllPacient, printStudentByCourse, printPacient та delete з класу Home. Нижче наведено описи класу та функцій, а також лістинг коду. Клас Print успадковується від класу Pacient та використовує у своїх методах поля та методи батьківського класу. Метод printPacientShort виводить на екран користувача скорочену інформацію про студента водійських курсів, тобто його ПІБ. Метод printPacientLong виводить на екран доповнену інформацію про пацієнта, тобто його ПІБ категорії, за якими він навчається. Метод printPacientFull виводить на екран повну інформацію про пацієнта, тобто його ПІБ та дані по всім його курсам, яка включає в себе примітки по всім відвіданим лекціям курсу. Функція addPacient класу Home приймає список екземплярів класів Print Pacient. Екземпляр класу Print newPacient зберігатиме в собі інформацію про пацієнта, яку надасть користувач. Строкові змінні surname, name, patronymic та category відповідають за збереження ПІБ та категорії пацієнта. Нижче створюється цикл по всім записам списку Pacient задля перевірки, чи є вже вказаний пацієнт у базі даних. Якщо такий пацієнт був знайдений, користувачеві виводиться відповідне повідомлення. У протилежному випадку виконується код додавання нових даних про студента та виведення

повідомлення користувачеві про успішне додання.

ВИСНОВОК

Розроблена під час виконання курсової роботи система з обліку пацієнтів фігур та складних фігур, є досить потребуючим ресурсом для людей яким потрібно вести облік пацієнтів, лікарів т.д. Тому це дуже потрібний програмний продукт. Цей програмний продукт дуже потрібен лікарням і не тільки.

Для реалізації усіх завдань, протягом даної курсової роботи були повністю вивчені основні поняття об’єктно-орієнтовного програмування, такі як класи, об’єкти, інкапсуляція, в цілому та зокрема у мові JavaScript.

За допомогою мови розмітки HTML та мовою стилю сторінок CSS було розроблено приємний дизайн для будь кого.

Було з’ясовано, що за допомогою об’єктивно-орієнтованого програмування можна оптимально описати практично будь-яку систему з використанням однакових назв для властивостей і методів схожих об’єктів, зберігаючи надійність даних.

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ

SQL. [Електронний ресурс] / Режим доступу: https://www.ukraine.com.ua/uk/blog/programming/sql-baza-dannih-dlya-chego-prednaznachena-baza-dannih.html
11 сучасних баз даних [Електронний ресурс] / Режим доступу: https://senior.ua/articles/11-tipv-suchasnih-baz-danih-korotkiy-opis-shemi--prikladi-bd
Mongo DB [Електронний ресурс] / Режим доступу: https://www.mongodb.com/
Математическая модель. [Електронний ресурс] / Режим доступу: http://ponjatija.ru/node/582
Node js [Електронний ресурс] / Режим доступу: https://www.w3schools.com/nodejs/nodejs_mysql_create_db.asp
11 сучасних баз даних [Електронний ресурс] / Режим доступу: https://senior.ua/articles/11-tipv-suchasnih-baz-danih-korotkiy-opis-shemi--prikladi-bd
JS [Електронний ресурс] / Режим доступу: https://developer.mozilla.org/ru/docs/Web/JavaScript

ДОДАТКИ

JS

let path;

async function report(){

function addRow(group, surname, subject, grade){

return new docx.TableRow({

children: [

new docx.TableCell({

children: [new docx.Paragraph(group)],

transformation: {

width: 100,

height: 30

}

}),

new docx.TableCell({

children: [new docx.Paragraph(surname)],

}),

new docx.TableCell({

children: [new docx.Paragraph(subject)],

}),

new docx.TableCell({

children: [new docx.Paragraph(grade)],

}),

],

})

}

let trs1 = document.querySelectorAll('.t1 tr');

let doc = new docx.Document();

let lines = {

rows: [

addRow(trs1[0].children[0].innerHTML, trs1[0].children[1].innerHTML, trs1[0].children[2].innerHTML, trs1[0].children[3].innerHTML)

]

}

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

let surname = tds1[1].children[0].value; let group = tds1[0].children[0].value;

let subject = tds1[2].children[0].value; let grade = tds1[3].children[0].value;

lines.rows.push(addRow(group, surname, subject, grade));

}

}

const table = new docx.Table(lines);

console.log(trs1.length - 1);

doc.addSection({ children: [

new docx.Paragraph({text: document.querySelector('#top').value}),

new docx.Paragraph({text: document.querySelector('#title').value, heading: docx.HeadingLevel.HEADING_1}),

table,

new docx.Paragraph({text: `Записей в отчете: ${trs1.length - 1}`}),

new docx.Paragraph({text: document.querySelector('#bottom').value})

] });

docx.Packer.toBlob(doc).then( blob => {

saveAs(blob, `Отчёт.docx`)

});

}

document.querySelector('#pathDB').onclick = async () => {

path = prompt("Введите путь к базе данных", "mongodb+srv://visitor:danbanan334@cluster0.11q35.mongodb.net/edu?retryWrites=true&w=majority");

}

document.querySelector('#connect').onclick = async () => {

let response = await fetch('http://localhost:1337/connectDB', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

},

body: JSON.stringify({pathDB: path})

});

let result = await response.json();

console.log(result.message);

}

document.querySelector('#load1').onclick = async() => {

let trs1 = document.querySelectorAll('.t1 tr');

for(let i=0; i
if(trs1[i+1] != undefined){

trs1[i+1].remove();

}

}

let response = await fetch('http://localhost:1337/getAll', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

}

});

students = await response.json();

students = students.message;

if(students != "MongoDB is not connected"){

document.querySelector('.t1').classList.remove("view");

for(let i=0; i
let tr = document.createElement("tr");

let td1 = document.createElement("td"); let inp1 = document.createElement("INPUT");

inp1.setAttribute("type", "text"); inp1.value = students[i].group; td1.append(inp1);

let td2 = document.createElement("td"); let inp2 = document.createElement("INPUT");

inp2.setAttribute("type", "text"); inp2.value = students[i].surname; td2.append(inp2);

let td3 = document.createElement("td"); let inp3 = document.createElement("INPUT");

inp3.setAttribute("type", "text"); inp3.value = students[i].subject; td3.append(inp3);

let td4 = document.createElement("td"); let inp4 = document.createElement("INPUT");

inp4.setAttribute("type", "text"); inp4.value = students[i].grade; td4.append(inp4);

tr.append(td1);

tr.append(td2);

tr.append(td3);

tr.append(td4);

document.querySelector('.t1').append(tr);

}

}

}

document.querySelector('#sample').onclick = () => {

let trs1 = document.querySelectorAll('.t1 tr');

let str = document.querySelector('#input').value;

str = JSON.parse(str);

let index = parseInt(str.key)-1;

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

if(str.sign == "<"){

if(parseInt(tds1[index].children[0].value) > parseInt(str.value)){

tds1[0].parentNode.remove();

}

} else if(str.sign == ">"){

if(parseInt(tds1[index].children[0].value) < parseInt(str.value)){

tds1[0].parentNode.remove();

}

} else if(str.sign == "="){

if(parseInt(tds1[index].children[0].value) == str.value){

tds1[0].parentNode.remove();

}

}

}

}

report();

}

document.querySelector('#modificate').onclick = () => {

let trs1 = document.querySelectorAll('.t1 tr');

async function update(str){

let response = await fetch('http://localhost:1337/updateStudent', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

},

body: str

});

}

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

let surname = tds1[1].children[0].value; let group = tds1[0].children[0].value;

let subject = tds1[2].children[0].value; let grade = tds1[3].children[0].value;

if(group != "" && surname != "" && subject != "" && grade != ""){

update(`{"surname": "${surname}", "key": "grade", "value": "${grade}"}`);

update(`{"surname": "${surname}", "key": "group", "value": "${group}"}`);

update(`{"surname": "${surname}", "key": "subject", "value": "${subject}"}`);

}

}

}

document.querySelector('#load1').click();

}

document.querySelector('#disconnect').onclick = async () => {

let response = await fetch('http://localhost:1337/disconnect', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

}

});

let result = await response.json();

console.log(result.message);

}

document.querySelector("#end").onclick = () => {

window.location.href = 'https://google.com';

};

let path; let isconnect = false;

document.querySelector('#pathDB').onclick = async () => {

path = prompt("Введите путь к базе данных", "mongodb+srv://visitor:danbanan334@cluster0.11q35.mongodb.net/edu?retryWrites=true&w=majority");

}

document.querySelector('#connect').onclick = async () => {

let response = await fetch('http://localhost:1337/connectDB', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

},

body: JSON.stringify({pathDB: path, login: document.querySelector('#login').value, pass: document.querySelector('#pass').value})

});

let result = await response.json();

console.log(result.message);

if(result.message != 'err log/pass'){

isconnect = true;

document.querySelector('.isconnect').innerHTML = "Подключено";

document.querySelector('.isconnect').style.background = "#04D500";

} else {

alert("Неверный логин/пароль");

}

}

document.querySelector('#load1').onclick = async() => {

let trs1 = document.querySelectorAll('.t1 tr');

for(let i=0; i
if(trs1[i+1] != undefined){

trs1[i+1].remove();

}

}

let response = await fetch('http://localhost:1337/getAll', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

}

});

students = await response.json();

students = students.message;

if(students != "MongoDB is not connected"){

document.querySelector('.t1').classList.remove("view");

for(let i=0; i
let tr = document.createElement("tr");

let td1 = document.createElement("td"); let inp1 = document.createElement("INPUT");

inp1.setAttribute("type", "text"); inp1.value = students[i].group; td1.append(inp1);

let td2 = document.createElement("td"); let inp2 = document.createElement("INPUT");

inp2.setAttribute("type", "text"); inp2.value = students[i].surname; td2.append(inp2);

let td3 = document.createElement("td"); let inp3 = document.createElement("INPUT");

inp3.setAttribute("type", "text"); inp3.value = students[i].subject; td3.append(inp3);

let td4 = document.createElement("td"); let inp4 = document.createElement("INPUT");

inp4.setAttribute("type", "text"); inp4.value = students[i].grade; td4.append(inp4);

tr.append(td1);

tr.append(td2);

tr.append(td3);

tr.append(td4);

document.querySelector('.t1').append(tr);

}

}

}

document.querySelector('#sample').onclick = () => {

let trs1 = document.querySelectorAll('.t1 tr');

let str = document.querySelector('#input').value;

str = JSON.parse(str);

let index = parseInt(str.key)-1;

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

if(str.sign == "<"){

if(parseInt(tds1[index].children[0].value) > parseInt(str.value)){

tds1[0].parentNode.remove();

}

} else if(str.sign == ">"){

if(parseInt(tds1[index].children[0].value) < parseInt(str.value)){

tds1[0].parentNode.remove();

}

} else if(str.sign == "="){

if(parseInt(tds1[index].children[0].value) == str.value){

tds1[0].parentNode.remove();

}

}

}

}

}

document.querySelector('#mode').onclick = () => {

if(isconnect == true){

let trs1 = document.querySelectorAll('.t1 tr');

let str = document.querySelector('#input').value;

str = JSON.parse(str);

if(str.color){

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

tds1[0].children[0].style.background = str.color;

tds1[1].children[0].style.background = str.color;

tds1[2].children[0].style.background = str.color;

tds1[3].children[0].style.background = str.color;

}

}

}

if(str.font){

document.querySelector('body').style.fontStyle = str.font;

}

if(str.text){

document.querySelector('#area').value = str.text;

}

if(str.img){

document.querySelector('#img').src = str.img;

}

} else {

alert("Сервер не подколючен")

}

}

document.querySelector('#modificate').onclick = () => {

let trs1 = document.querySelectorAll('.t1 tr');

async function update(str){

let response = await fetch('http://localhost:1337/updateStudent', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

},

body: str

});

}

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

let surname = tds1[1].children[0].value; let group = tds1[0].children[0].value;

let subject = tds1[2].children[0].value; let grade = tds1[3].children[0].value;

if(group != "" && surname != "" && subject != "" && grade != ""){

update(`{"surname": "${surname}", "key": "grade", "value": "${grade}"}`);

update(`{"surname": "${surname}", "key": "group", "value": "${group}"}`);

update(`{"surname": "${surname}", "key": "subject", "value": "${subject}"}`);

}

}

}

document.querySelector('#load1').click();

}

document.querySelector('#disconnect').onclick = async () => {

let response = await fetch('http://localhost:1337/disconnect', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

}

});

let result = await response.json();

console.log(result.message);

isconnect = true;

document.querySelector('.isconnect').innerHTML = "Отключено";

document.querySelector('.isconnect').style.background = "#FF0000";

}

let path; let isconnect = false;

document.querySelector('#excel').onclick = async () => {

let trs1 = document.querySelectorAll('.t1 tr');

let trs = [];

tds = []

tds.push(trs1[0].children[0].innerHTML);

tds.push(trs1[0].children[1].innerHTML);

tds.push(trs1[0].children[2].innerHTML);

tds.push(trs1[0].children[3].innerHTML);

trs.push(tds);

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

tds = [];

tds.push(tds1[0].children[0].value);

tds.push(tds1[1].children[0].value);

tds.push(tds1[2].children[0].value);

tds.push(tds1[3].children[0].value);

trs.push(tds);

}

}

console.log(trs);

let response = await fetch('http://localhost:1337/excel', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

},

body: JSON.stringify({str: trs})

});

let result = await response.json();

console.log(result.message);

let avg; let summ=0;

for(let i=1; i
summ += parseInt(trs[i][3]);

}

avg = summ/trs.length;

sum_disp = 0;

for(let i=1; i
squared_deviation = parseInt(trs[i][3]) - avg;

sum_disp += squared_deviation * squared_deviation;

}

disp = sum_disp / trs.length;

document.querySelector('#avg').value = avg;

document.querySelector('#disp').value = disp;

}

document.querySelector('#pathDB').onclick = async () => {

path = prompt("Введите путь к базе данных", "mongodb+srv://visitor:danbanan334@cluster0.11q35.mongodb.net/edu?retryWrites=true&w=majority");

}

document.querySelector('#connect').onclick = async () => {

let response = await fetch('http://localhost:1337/connectDB', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

},

body: JSON.stringify({pathDB: path})

});

let result = await response.json();

console.log(result.message);

if(result.message != 'err log/pass'){

isconnect = true;

document.querySelector('.isconnect').innerHTML = "Подключено";

document.querySelector('.isconnect').style.background = "#04D500";

} else {

alert("Неверный логин/пароль");

}

}

document.querySelector('#load1').onclick = async() => {

let trs1 = document.querySelectorAll('.t1 tr');

for(let i=0; i
if(trs1[i+1] != undefined){

trs1[i+1].remove();

}

}

let response = await fetch('http://localhost:1337/getAll', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

}

});

students = await response.json();

students = students.message;

if(students != "MongoDB is not connected"){

document.querySelector('.t1').classList.remove("view");

for(let i=0; i
let tr = document.createElement("tr");

let td1 = document.createElement("td"); let inp1 = document.createElement("INPUT");

inp1.setAttribute("type", "text"); inp1.value = students[i].group; td1.append(inp1);

let td2 = document.createElement("td"); let inp2 = document.createElement("INPUT");

inp2.setAttribute("type", "text"); inp2.value = students[i].surname; td2.append(inp2);

let td3 = document.createElement("td"); let inp3 = document.createElement("INPUT");

inp3.setAttribute("type", "text"); inp3.value = students[i].subject; td3.append(inp3);

let td4 = document.createElement("td"); let inp4 = document.createElement("INPUT");

inp4.setAttribute("type", "text"); inp4.value = students[i].grade; td4.append(inp4);

tr.append(td1);

tr.append(td2);

tr.append(td3);

tr.append(td4);

document.querySelector('.t1').append(tr);

}

}

}

document.querySelector('#sample').onclick = () => {

let trs1 = document.querySelectorAll('.t1 tr');

let str = document.querySelector('#input').value;

str = JSON.parse(str);

let index = parseInt(str.key)-1;

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

if(str.sign == "<"){

if(parseInt(tds1[index].children[0].value) > parseInt(str.value)){

tds1[0].parentNode.remove();

}

} else if(str.sign == ">"){

if(parseInt(tds1[index].children[0].value) < parseInt(str.value)){

tds1[0].parentNode.remove();

}

} else if(str.sign == "="){

if(parseInt(tds1[index].children[0].value) == str.value){

tds1[0].parentNode.remove();

}

}

}

}

}

document.querySelector('#modificate').onclick = () => {

let trs1 = document.querySelectorAll('.t1 tr');

async function update(str){

let response = await fetch('http://localhost:1337/updateStudent', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

},

body: str

});

}

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

let surname = tds1[1].children[0].value; let group = tds1[0].children[0].value;

let subject = tds1[2].children[0].value; let grade = tds1[3].children[0].value;

if(group != "" && surname != "" && subject != "" && grade != ""){

update(`{"surname": "${surname}", "key": "grade", "value": "${grade}"}`);

update(`{"surname": "${surname}", "key": "group", "value": "${group}"}`);

update(`{"surname": "${surname}", "key": "subject", "value": "${subject}"}`);

}

}

}

document.querySelector('#load1').click();

}

document.querySelector('#disconnect').onclick = async () => {

let response = await fetch('http://localhost:1337/disconnect', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

}

});

let result = await response.json();

console.log(result.message);

isconnect = true;

document.querySelector('.isconnect').innerHTML = "Отключено";

document.querySelector('.isconnect').style.background = "#FF0000";

}

document.querySelector("#end").onclick = () => {

window.location.href = 'https://google.com';

};

let path;

async function report(){

function addRow(group, surname, subject, grade){

return new docx.TableRow({

children: [

new docx.TableCell({

children: [new docx.Paragraph(group)],

transformation: {

width: 100,

height: 30

}

}),

new docx.TableCell({

children: [new docx.Paragraph(surname)],

}),

new docx.TableCell({

children: [new docx.Paragraph(subject)],

}),

new docx.TableCell({

children: [new docx.Paragraph(grade)],

}),

],

})

}

let trs1 = document.querySelectorAll('.t1 tr');

let doc = new docx.Document();

let lines = {

rows: [

addRow(trs1[0].children[0].innerHTML, trs1[0].children[1].innerHTML, trs1[0].children[2].innerHTML, trs1[0].children[3].innerHTML)

]

}

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

let surname = tds1[1].children[0].value; let group = tds1[0].children[0].value;

let subject = tds1[2].children[0].value; let grade = tds1[3].children[0].value;

lines.rows.push(addRow(group, surname, subject, grade));

}

}

const table = new docx.Table(lines);

console.log(trs1.length - 1);

doc.addSection({ children: [

new docx.Paragraph({text: document.querySelector('#top').value}),

new docx.Paragraph({text: document.querySelector('#title').value, heading: docx.HeadingLevel.HEADING_1}),

table,

new docx.Paragraph({text: `Записей в отчете: ${trs1.length - 1}`}),

new docx.Paragraph({text: document.querySelector('#bottom').value})

] });

docx.Packer.toBlob(doc).then( blob => {

saveAs(blob, `Отчёт.docx`)

});

}

document.querySelector('#pathDB').onclick = async () => {

path = prompt("Введите путь к базе данных", "mongodb+srv://visitor:danbanan334@cluster0.11q35.mongodb.net/edu?retryWrites=true&w=majority");

}

document.querySelector('#connect').onclick = async () => {

let response = await fetch('http://localhost:1337/connectDB', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

},

body: JSON.stringify({pathDB: path})

});

let result = await response.json();

console.log(result.message);

}

document.querySelector('#load1').onclick = async() => {

let trs1 = document.querySelectorAll('.t1 tr');

for(let i=0; i
if(trs1[i+1] != undefined){

trs1[i+1].remove();

}

}

let response = await fetch('http://localhost:1337/getAll', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

}

});

Pacient = await response.json();

Pacient = Pacient.message;

if(students != "MongoDB is not connected"){

document.querySelector('.t1').classList.remove("view");

for(let i=0; i
let tr = document.createElement("tr");

let td1 = document.createElement("td"); let inp1 = document.createElement("INPUT");

inp1.setAttribute("type", "text"); inp1.value = students[i].group; td1.append(inp1);

let td2 = document.createElement("td"); let inp2 = document.createElement("INPUT");

inp2.setAttribute("type", "text"); inp2.value = students[i].surname; td2.append(inp2);

let td3 = document.createElement("td"); let inp3 = document.createElement("INPUT");

inp3.setAttribute("type", "text"); inp3.value = students[i].subject; td3.append(inp3);

let td4 = document.createElement("td"); let inp4 = document.createElement("INPUT");

inp4.setAttribute("type", "text"); inp4.value = students[i].grade; td4.append(inp4);

tr.append(td1);

tr.append(td2);

tr.append(td3);

tr.append(td4);

document.querySelector('.t1').append(tr);

}

}

}

document.querySelector('#sample').onclick = () => {

let trs1 = document.querySelectorAll('.t1 tr');

let str = document.querySelector('#input').value;

str = JSON.parse(str);

let index = parseInt(str.key)-1;

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

if(str.sign == "<"){

if(parseInt(tds1[index].children[0].value) > parseInt(str.value)){

tds1[0].parentNode.remove();

}

} else if(str.sign == ">"){

if(parseInt(tds1[index].children[0].value) < parseInt(str.value)){

tds1[0].parentNode.remove();

}

} else if(str.sign == "="){

if(parseInt(tds1[index].children[0].value) == str.value){

tds1[0].parentNode.remove();

}

}

}

}

report();

}

document.querySelector('#modificate').onclick = () => {

let trs1 = document.querySelectorAll('.t1 tr');

async function update(str){

let response = await fetch('http://localhost:1337/updateStudent', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

},

body: str

});

}

for(let i=0; i
if(trs1[i+1] != undefined){

tds1 = trs1[i+1].children;

let surname = tds1[1].children[0].value; let group = tds1[0].children[0].value;

let subject = tds1[2].children[0].value; let grade = tds1[3].children[0].value;

if(group != "" && surname != "" && subject != "" && grade != ""){

update(`{"surname": "${surname}", "key": "grade", "value": "${grade}"}`);

update(`{"surname": "${surname}", "key": "group", "value": "${group}"}`);

update(`{"surname": "${surname}", "key": "subject", "value": "${subject}"}`);

}

}

}

document.querySelector('#load1').click();

}

document.querySelector('#disconnect').onclick = async () => {

let response = await fetch('http://localhost:1337/disconnect', {

method: 'POST',

headers: {

'Content-Type': 'application/json;charset=utf-8'

}

});

let result = await response.json();

console.log(result.message);

}

1 2 3 4 5 6