4i
/
a1
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

6 commit

This commit is contained in:
james 2024-05-21 10:30:06 +02:00
parent d87b07ad38
commit c2c4d68837
3 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
fetch.js
View File

@ -11,3 +11,12 @@ fetch(url)
function wyswietlSufiksy(data) { function wyswietlSufiksy(data) {
data.forEach((element) => document.querySelector('#nieposortowane').innerHTML += `<li> ${JSON.stringify(element.osoby)} </li>`); data.forEach((element) => document.querySelector('#nieposortowane').innerHTML += `<li> ${JSON.stringify(element.osoby)} </li>`);
} }
document.getElementById("nieposortowane").onmouseover = function() {mouseOver()};
document.getElementById("nieposortowane").onmouseout = function() {mouseOut()};
function mouseOver() {
document.getElementById("nieposortowane").style.color = "red";
}
function mouseOut() {
document.getElementById("nieposortowane").style.color = "black";
}

1
index.html
View File

@ -10,6 +10,7 @@
</head> </head>
<body> <body>
<h1>Sortowanie Sufiksów</h1> <h1>Sortowanie Sufiksów</h1>
<button onclick="wyswietlSufiksy()">Wyswietl Sufiksy</button> <button onclick="wyswietlSufiksy()">Wyswietl Sufiksy</button>
<h2>Nieposortowane Sufiksy</h2> <h2>Nieposortowane Sufiksy</h2>

5
styles.css
View File

@ -50,13 +50,14 @@ h2 {
flex-direction: column; flex-direction: column;
} }
li:hover { /* li:hover {
color: red; color: red;
font-weight: bold;
} }
#nieposortowane:hover { #nieposortowane:hover {
background-color: white; background-color: white;
} } */
/* .pre { /* .pre {