3 changed files with 5 additions and 85 deletions
--- a/index.html
+++ b/index.html
@ -1,22 +1,13 @@
 <!DOCTYPE html>
-<html lang="pl">
+<html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Sortowanie Sufiksów</title>
-    <link rel="stylesheet" href="styles.css">
-
+    <title>Document</title>
 </head>
 <body>
-    <h1>Sortowanie Sufiksów</h1>
-    <input type="text" id="slowo" placeholder="Podaj słowo">
-    <button onclick="sortujSufiksy()">Sortuj Sufiksy</button>   
-    <h2>Nieposortowane Sufiksy</h2>
-    <pre id="nieposortowane"></pre>
-    <h2>Posortowane Sufiksy</h2>
-    <pre id="posortowane"></pre>
-    <script src="js.js"></script>
    
+    
+    <script src="fetch.js"></script>
 </body>
-
 </html>
--- a/js.js
+++ b/js.js
@ -1,13 +0,0 @@
-function sortujSufiksy() {
-    const slowo = document.getElementById('slowo').value;
-    const sufiksy = [];
-    for (let i = 0; i < slowo.length; i++) {
-        sufiksy.push(slowo.slice(i));
-    }
-    document.getElementById('nieposortowane').textContent = formatSufiksy(sufiksy);
-    sufiksy.sort();
-    document.getElementById('posortowane').textContent = formatSufiksy(sufiksy);
-}
-function formatSufiksy(sufiksy) {
-    return sufiksy.map((sufiks, index) => `${index + 1} ${sufiks}`).join('\n');
-}
--- a/styles.css
+++ b/styles.css
@ -1,58 +0,0 @@
-
-body {
-    font-family: Arial, sans-serif;
-    background-color: #f5f5f5;
-    color: #333;
-    margin: 0;
-    padding: 20px;
-    line-height: 1.6;
-}
-
-h1 {
-    text-align: center;
-    color: #0056b3;
-    margin-bottom: 20px;
-}
-
-
-input[type="text"] {
-    width: calc(100% - 22px);
-    padding: 10px;
-    margin-bottom: 10px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    box-sizing: border-box;
-}
-
-
-button {
-    display: block;
-    width: 100%;
-    padding: 10px;
-    background-color: #0056b3;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 16px;
-}
-
-button:hover {
-    background-color: #004494;
-}
-
-
-h2 {
-    color: #0056b3;
-    border-bottom: 2px solid #0056b3;
-    padding-bottom: 5px;
-    margin-top: 20px;
-}
-
-pre {
-    background-color: #fff;
-    border: 1px solid #ccc;
-    padding: 10px;
-    border-radius: 4px;
-    overflow-x: auto;
-}