Как в зависимости от уровня пользователя изменить картинку в футере

@WiktaSosnowska · Регистрация: 01.11.2017

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

Всем привет!
У меня есть тест на знание языка

JavaScript
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
        <script type="text/javascript">
        //Массив вопросов и ответов. 
        var data_array = [
          ["****ów to polskie _________","miasto","miastą","miasta","miastę",1],
          ["Ela ma _________","starego kota","staremu kotu","stary kot","starym kotem",1],
          ["Andrzej jest z zawodu _____","lekarz","lekarzą","lekarzy","lekarzem",9999],
          ["Ania mieszka _________ Gdańsku, ale studiuje ________ Uniwersytecie Poznańskim.","z, na","w, w","na, w","w, na",4],
          ["Idziemy na ________, pójdziesz z nami?"," herbaty","herbata","herbatę","herbatą",9999],
          ["Kuba to bardzo _____ chłopak.","przystojnym","przystojny","przystojnego","przystojna",2],
          ["_______ się zajmujesz?","Сzego","Kto","Czym","Co",3],
          ["Nie lubię piłki nożnej, wolę grać w ________"," tenis"," tenisa"," tenisy","tenisę",9999],
          ["Dzisiaj temperatura jest bardzo wysoka, jest _____","gorące","gorąca","gorąco","gorący",3],
          ["Dwa lata temu _________ szkołę.","kończyłam","skończę","kończę","skończyłam",4],
          ["W czwartek studenci będą _________ egzamin z języka polskiego.","zdają","zdawać","zdali","zdawały",2],
          ["Kasia ma pełnoletniego _____ Henryka.","kuzyna","kuzynów","kuzynem","kuzynie",1],
          ["Brat Krysi jest _______ i leczy dzieci.","lekarzami","lekarzem","nauczyciel","nauczycielem",2],
          ["Krystyna jest _____ Marysi i chodzi do liceum.","starsza siostra","starszą siostrą","starsze siostry","starszej siostry",2],
          ["Wiem, że Asia jest nauczycielką i ______ angielskiego w liceum.","uczę się","uczyła","uczymy","uczy",4],
          ["Monika lubi kwiaty i chciałaby mieć własną _____","kwiaciarnia","kwiaciarniami","kwiaciarnię","kwiaciarnią",9999],
          ["Julia studiuje na ______","uniwersytetem","uniwersytecie","uniwersytetowi","uniwersytet",2],
          [" Życzę wszystkiego ________ z okazji imienin.","najlepszego","najlepsza","najlepsze","najlepszej",1],
          ["Joasia jest policjantką i pracuje _____ policji.","w","na","do","przed",1],
          ["Na _______ co rok jeździmy w Tatry.","wakacji","wakacjach","wakacje","wakacjom",3],
          ["Agata i Magda to _________ dziewczyny.","wysocy","wysokich","wysokie","wysokimi",9999],
          ["Polacy są otwartymi _____","ludziach","ludzi","ludzie","ludźmi",4],
          ["Warszawa jest _______ od Lublina.","więcej","większa","duża","wększej",2],
          ["Basia wygląda bardzo _____","elegancka","elegancki","elegancko","eleganckie",4],
          ["Gdybym _____ dom, posadziłabym kwiaty w ogrodie","miałeś","miała","miał","mielibyście",3],
          ["Przynieś wino, zaprosiłam _________ na obiad.","nowy sąsiad","nowi sąsiedzi","nowa sąsiadka","nowych sąsiadów",4],
          ["Janowscy zwykle _____ na urlop w lipcu.","jeżdżą","chodzą","jadą","spędzają",9999],
          ["_____ wycieczkę latem czy jesienią?"," Organizuj","Organizuję","Organizujecie","Organizowanie",3],
          ["Bartek i Paulina spędzają weekend na wsi, _____ tam na rowerach.","jeżdżą","jeżdżę","jeździć","jeździcie",1],
          ["_____ książek jest moim ulubionym odpoczynkiem.","Czytać","Czytanie","Czytamy","Przeczytać",2],
          ["W lesie trzeba zachowywać się _____"," uważniej","uważnie","uważną","uważnym",9999],
          ["Podczas sesji egzaminacyjnej _____ powinni cały czas się uczyć.","studenty","studenci","studentowie","studentów",9999],
          ["_______ z pewnością potzrebna jest praktyczna wiedza.","Inżynierze","Inżynierowi","Inżyniera","Inżynierem",2],
          ["Jacek ma ________ dzieci.","dwa","dwojga","dwojgu","dwoje",4],
          [" Jakub ma kłopoty w pracy i potrzebuje teraz _____","przyjaciele","przyjaciół","przyjaciółmi","przyjaciel",9999],
          ["Kupiłabym tą lodówkę, gdyby była ______","mniejsza","mniejszą","mniejszej","mniejszy",9999],
          ["Kiedy przyjechałem do ****owa, _____ obejrzeć Kościół Mariacki.","przyszedłem","poszedłem","wszedłem","doszedłem",2],
          ["Czy mogę _____ teraz prysznic?","biorę","brać","wezmę","wziąć",4],
          ["Proszę cię, _____ do sklepu, mamy pustą lodówkę!","idźmy","idąc","idź","iść",3],
          ["Synoptycy zapowiadali śnieg, więc ______ ciepłe buty.","założywszy","zalóż","załozyć","założył",2],
          [" ______ mówią, że Polacy są bardzo gościnni.","Obcokrajowiec","Obcokrajowcom","Obcokrajowcy","Obcokrajowcami",3],
          ["Po tym wypadku jestem bardzo _____","zdenerwowany","nerwem","denerwujący","znerwowany",1],
          ["_____ problemów proszę zadzwonić do mnie.","W celu","Mimo","W razie","Ze względu na",3],
          ["_____ wreszcie swój pokój!","Sprzątać","Sprzątanie","Sprzątnij","Sprzątam",3],
          [" _____ ruchu drogowego obowiązują wszystkich jeżdżących samochodem.","Zapisy","Wypisy","Przepisy","Przypisy",9999],
          ["Marek poświęca wiele czasu swoim _________ dzieciom, Basi i Jackowi.","dwom","dwoim","dwojgu","dwojga",9999],
          ["Usmaż na patelni cebulę i _____ marchewkę i dodaj drobno pokrojony pomidor.","utartą","startą","utartymi","tartą",9999],
          ["Niestety, ja mam dwie lewe ______ do gotowania.","ręki","rękę","ręce","ręcy",1],
          ["Bardzo zaskoczył mnie ten _____ sufit w twoim salonie.","szklisty","szkło","szklany","szkła",3],
          ["Mieszkaniec Wielkiej Brytanii po 209 dniach ______ z USA do Australii.","wypłynął","dopłynął","płynął","przypłynął",9999],
          ["Ten polityk stał się popularny ______ produkty za darmo.","rozdawał","rozdawszy","rozdawać","rozdając",4],
          ["Ona wyszła cicho ______ nikogo obudzić.","nie chcę","nie chcąc","nie chcą","nie chcą",2],
          ["On zasnął, nie ______ światła.","wyłączając","wyłączony","wyłączyć","wyłączywszy",1],
          ["Mariusz długo nie mógł ______ z dziewczyną mimo, że jej już nie kochał."," rozstać","rozstawać się","rozstać się","rosstaćś się",3],
          ["______ ten sport przez godzinę spalisz dużo kalorii.","Uprawianie","Uprawiając","Uprawiać","Uprawia",2],
          ["Kupiłam pamiątki moim _____ przyjaciółkom.","sześcioma","sześcioro","sześciu","sześć",3],
          ["O świcie zrobiło się bardzo chłodno i dziewczyny _____ z zimna.","drżały","drżać","drżeć","drżąc",1],
          ["_____ przyjaciół pojechało wspólnie w Tatry.","Czworga","Czterech","Czwórka","Cztery",3],
          ["Zawsze o tej porze chce mi się spać, ogarnia mnie _____","sen","spanie","senność","spać",9999],
          ["Gramatyka języka polskiego sprawia obcokrajowcom _____","trudniejsza","trudność","trudny","trudno",2],
        ];
    
        var plus = 0; /*количество правильных ответов */
        var time = 0;
        var cur_answer = 0;
        var count_answer = data_array.length;
        
        function sec() {
            time++; 
            document.getElementById('time').innerHTML='Затрачено времени: ' + time + ' сек';
        }
        
        function check(num){
    
            if(num == 0){ 
            
                document.getElementById('option1').style.display='block';
                document.getElementById('option2').style.display='block';
                document.getElementById('option3').style.display='block';
                document.getElementById('option4').style.display='block';
                document.getElementById('question').style.display='block';
    
                document.getElementById('option1').innerHTML=data_array[cur_answer][1];
                document.getElementById('option2').innerHTML=data_array[cur_answer][2];
                document.getElementById('option3').innerHTML=data_array[cur_answer][3];
                document.getElementById('option4').innerHTML=data_array[cur_answer][4];
                document.getElementById('question').innerHTML=data_array[cur_answer][0];
                
                document.getElementById('start').style.display='none';
                document.getElementById('end').style.display='inline';
                
                var intervalID = setInterval(sec, 1000);
                
            }else{
    
                if( num ==  data_array[cur_answer][5]){
                    plus++;
                    document.getElementById('result').innerHTML='Верно!';
                }else{
                    document.getElementById('result').innerHTML="Неверно! Правильный ответ: " + data_array[cur_answer][data_array[cur_answer][5]];
                }
                    
                cur_answer++;
                if(cur_answer < count_answer){
                
                    document.getElementById('option1').innerHTML=data_array[cur_answer][1];
                    document.getElementById('option2').innerHTML=data_array[cur_answer][2];
                    document.getElementById('option3').innerHTML=data_array[cur_answer][3];
                    document.getElementById('option4').innerHTML=data_array[cur_answer][4];
                    document.getElementById('question').innerHTML=data_array[cur_answer][0];
                    
                }else{
                    
                    document.getElementById('time').id = 'stop';
                    document.getElementById('option1').style.display='none';
                    document.getElementById('option2').style.display='none';
                    document.getElementById('option3').style.display='none';
                    document.getElementById('option4').style.display='none';
                    document.getElementById('question').style.display='none';
                    document.getElementById('end').style.display='inline';
                    
                    var percent =  Math.round(plus/count_answer*100);       /*оценка */       
                    var res = 'Вы не владеете языком';
                    if(percent<=12) res = 'Ваш уровень A1';
                    if(percent>=24) res = 'Ваш уровень A2';
                    if(percent>=48) res = 'Ваш уровень B1';
                    if(percent>=72) res = 'Ваш уровень B2';
                    if(percent>=89) res = 'Ваш уровень C1';
                    if(percent==100) res = 'Отлично! Ваш уровень C2';
                    
                    document.getElementById('result').innerHTML='Правильных ответов: ' + plus + ' из ' + count_answer + ' (' + percent + '%)<br>' + res;
                }
            }
        }
    </script>

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    </head>
    <body>
        <center>            
            <p style="font-size: 38px;font-weight: bold;padding-top: 2px;" id="time">Затрачено времени: 0 сек</p>
            <p style="font-size: 38px;font-weight: bold;padding-top: 2px;" id="result"></p>
                        
            <p style="font-size: 38px;font-weight: bold;padding-top: 2px;" id="question"></p>
            
            <button onclick="check(1)" class="Test_A1-C2" id="option1"></button>
            
            <button onclick="check(2)" class="Test_A1-C2" id="option2"></button>
            
            <button onclick="check(3)" class="Test_A1-C2" id="option3"></button>
            
            <button onclick="check(4)" class="Test_A1-C2" id="option4"></button>
        </center><br>
        <center>
            <button id="start" class="Test_A1-C2" onclick="check(0)">Приступить к тесту</button>
            <script type="text/javascript"> var curent_url = document.URL; document.write("<a id='end' style='display: none;' class='Test_A1-C2' href='" + curent_url + "'>Начать сначала</a>"); </script> 
        </center><br><br>

И в футере у меня есть картинка, которая менялась бы в соответствии с уровнем языка пользователя. Т.е. если у пользователя уровень А1-А2 подставляется картинка 1.png, В1-В2 картинка уже другая. Я так думаю, что это можно сделать через переменную для каждого уровня и связать это всё дело с БД. Вот только как это сделать я не знаю - опыта не хватает

@Qytiz · 29.05.2019, 10:42

Вы хотите что-бы картинка менялась при нажатии на кнопку с соответствующим уровнем или у вас пользователю где-то ещё присваивается уровень?

@carrotik · 29.05.2019, 13:18

WiktaSosnowska,

.. вот тут посмотрите пример
http://jsfiddle.net/Regisc/7wpAw/

... т.е. там же, где определяете переменную res, добавьте переменную imgLevel = "1.png", например, а потом

JavaScript
1
document.getElementById("img").src=imgLevel

@WiktaSosnowska · 29.05.2019, 20:00 **[ТС]**

Qytiz, Нет, по идее после прохождения теста в зависимости от уровня (без каких-либо кликов со стороны пользователя) выбиралась и подставлялась определенная картинка.
А так я думала над тем, чтобы пользователю в ту же таблицу БД, где хранятся логин и пароль, заносился также его уровень. И вот уже после того, как пользователю присвоен его уровень в футере обратиться к БД с проверкой: если уровень такой-то, то поставить картинку такую-то.

@carrotik · 30.05.2019, 10:14

WiktaSosnowska,

.. так с БД у вас, вероятно, серверная часть работает (судя по меткам РНР) ? ... вот через него и заносите уровень в БД ( методом POST в JS, а уж как - смотрите в той части, где у вас проверяется логин/пароль) ... точно также потом и читайте в переменную, которую подставите в

Code
1
document.getElementById("img").src =

Новые блоги и статьи Все статьи Все блоги /
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

@Qytiz 0 / 0 / 0 Регистрация: 29.05.2019 Сообщений: 7
	29.05.2019, 10:42
	Вы хотите что-бы картинка менялась при нажатии на кнопку с соответствующим уровнем или у вас пользователю где-то ещё присваивается уровень? 0

@WiktaSosnowska 0 / 0 / 0 Регистрация: 01.11.2017 Сообщений: 14
	29.05.2019, 20:00 [ТС]
	Qytiz, Нет, по идее после прохождения теста в зависимости от уровня (без каких-либо кликов со стороны пользователя) выбиралась и подставлялась определенная картинка. А так я думала над тем, чтобы пользователю в ту же таблицу БД, где хранятся логин и пароль, заносился также его уровень. И вот уже после того, как пользователю присвоен его уровень в футере обратиться к БД с проверкой: если уровень такой-то, то поставить картинку такую-то. 0