Compare commits
No commits in common. "c2c4d68837f5843282455a644fb5e9a4bfa17732" and "b89ee1e8b56bde589ad98392600b0d726fabf637" have entirely different histories.
c2c4d68837
...
b89ee1e8b5
10
fetch.js
10
fetch.js
|
@ -5,18 +5,8 @@ let lista
|
||||||
fetch(url)
|
fetch(url)
|
||||||
.then(response => response.json())
|
.then(response => response.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
wyswietlSufiksy(data)
|
|
||||||
});
|
});
|
||||||
|
|
||||||
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";
|
|
||||||
}
|
|
||||||
|
|
|
@ -10,9 +10,8 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<h1>Sortowanie Sufiksów</h1>
|
<h1>Sortowanie Sufiksów</h1>
|
||||||
<button onclick="wyswietlSufiksy()">Wyswietl Sufiksy</button>
|
<button onclick="sortujSufiksy()">Sortuj Sufiksy</button>
|
||||||
<h2>Nieposortowane Sufiksy</h2>
|
<h2>Nieposortowane Sufiksy</h2>
|
||||||
<div class="pre" id="nieposortowane"></div>
|
<div class="pre" id="nieposortowane"></div>
|
||||||
<h2>Posortowane Sufiksy</h2>
|
<h2>Posortowane Sufiksy</h2>
|
||||||
|
|
|
@ -50,15 +50,6 @@ h2 {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* li:hover {
|
|
||||||
color: red;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nieposortowane:hover {
|
|
||||||
background-color: white;
|
|
||||||
} */
|
|
||||||
|
|
||||||
|
|
||||||
/* .pre {
|
/* .pre {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
Loading…
Reference in New Issue