Λυπούμαστε, το Thimble δεν λειτουργεί με το πρόγραμμα περιήγησής σας

Το Thimble λειτουργεί σε όλα τα ακόλουθα προγράμματα περιήγησης: Firefox, Chrome, Internet Explorer 11, Microsoft Edge, Safari (8+), and Opera.

Αφήστε με να δοκιμάσω ούτως ή άλλως!
Το Thimble έχει ενημερώσεις - Παρακαλώ ανανεώστε το πρόγραμμα περιήγησής σας για να λάβετε τις πιο πρόσφατες αλλαγές.

Φόρτωση έργου

Το έργο σας φαίνεται πως χρειάζεται πολύ ώρα για να φορτώσει.
Αν δεν φορτώσει, παρακαλώ ανανεώστε τη σελίδα για να δοκιμάσετε ξανά.

Αδυναμία εκκίνησης του Thimble.

Παρακαλώ φορτώστε εκ νέου το πρόγραμμα περιήγησής σας για να δοκιμάσετε να φορτώσετε ξανά το Thimble.

Για λεπτομέρειες σφάλματος, ανοίξτε την κονσόλα των εργαλείων για προγραμματιστές του προγράμματος περιήγησής σας.

ΣΗΜΕΙΩΣΗ: αν χρησιμοποιείτε τη λειτουργία Ιδιωτικής Περιήγησης, παρακαλώ φορτώστε εκ νέου στην κανονική λειτουργία.

ΑΡΧΕΙΑ
  • Προσθήκη αρχείου HTML
  • Προσθήκη αρχείου CSS
  • Προσθήκη αρχείου JavaScript
  • Προσθήκη οδηγού εκμάθησης
  • Προσθήκη φακέλου
  • Μεταφόρτωση αρχείου...
  • Λήψη αρχείων (.zip)
ΕΠΕΞΕΡΓΑΣΙΑ
Αναίρεση

Εισαγωγή τμήματος κώδικα

HTML CSS JS
  • Σχόλιο
  • Πίνακας
  • Ταξινομημένη λίστα
  • Αταξινόμητη λίστα
  • Φόρμα
  • Συμπερίληψη αρχείου JavaScript
  • Συμπερίληψη αρχείου CSS
  • Αναπαραγωγή βίντεο
  • Αναπαραγωγή ήχου
  • Σχόλιο
  • Επιλογή τύπου στοιχείου
  • Επιλογή κλάσης
  • Επιλογή ID
  • Keyframe Animation
  • Στυλ συνδέσμων
  • Media Queries
  • Γραμματοσειρές
  • Προσθήκη ψευδο-στοιχείου
  • Σχόλιο
  • Μια βασική λειτουργία
  • Συστοιχία
  • Αντικείμενο
  • Επανάληψη "για"
  • Επανάληψη "όσο"
  • Εντολή "Αν...αλλιώς"
  • Εντολή εναλλαγής
  • Προσθήκη συμβάντος κλικ
  • Αλλαγή ιδιότητας CSS
<!-- Προσθέστε το σχόλιό σας εδώ -->
<table>
  <tr>
    <th>Επικεφαλίδα</th>
    <th>Επικεφαλίδα</th>
  </tr>
  <tr>
    <td>Τιμή</td>
    <td>Τιμή</td>
  </tr>
</table>

<ol>
  <li>Αντικείμενο 1</li>
  <li>Αντικείμενο 2</li>
  <li>Αντικείμενο 3</li>
</ol>

<ul>
  <li>Αντικείμενο 1</li>
  <li>Αντικείμενο 2</li>
  <li>Αντικείμενο 3</li>
</ul>

<form action="" method="get">
  <label for="first-name">Όνομα</label>
  <input id="first-name" type="text" name="firstname"><br>
  <label for="last-name">Επώνυμο</label>
  <input id="last-name" type="text" name="lastname"><br>
  <input type="submit" value="Υποβολή">
</form>

<script src="script.js"></script>
<!-- Προσθέστε την ετικέτα <link> στο αρχείο HTML σας. Συνήθως, πηγαίνουν στην ετικέτα <head> -->
<link href="style.css" rel="stylesheet">

<video width="320" height="240" controls>
  <source src="video.mp4" type="video/mp4">
  Το πρόγραμμα περιήγησής σας δεν υποστηρίζει την ετικέτα βίντεο.
</video>

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Το πρόγραμμα περιήγησής σας δεν υποστηρίζει την ετικέτα ήχου.
</audio>

/* Προσθέστε το σχόλιό σας εδώ */

p {
  font-size: 20px;
}

.className {
  background-color: green;
}

#idName {
  background-color: green;
}

/* Το στοιχείο όπου θα εφαρμοστεί το εφέ κίνησης */
.animated {
  animation-name: animationName;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

/* Ο κώδικας του εφέ κίνησης */
@keyframes animationName {
  0%   { background-color: red;    }
  50%  { background-color: orange; }
  100% { background-color: yellow; }
}

/* Βασικό στυλ */
a:link {
  color: RoyalBlue;
  text-decoration: none;
}

/* Έγινε επίσκεψη */
a:visited {
  color: Orchid;
}

/* Ενεργό */
a:active {
  color: OrangeRed;
}

/* Hovered */
a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 320px) {
  /* Rules when screen is up to 320px wide */
}

@media screen and (min-width: 321px) and (max-width: 768px) {
  /* Rules when screen is between 321px and 768px wide */
}

@media screen and (min-width: 769px) {
 /* Rules when screen is wider than 768px */
}

@font-face {
  font-family: myFirstFont;
  src: url(sansation_bold.woff);
  font-weight: bold;
}

/* Adds an arrow before every element with class='arrow' */
.arrow::before {
  content: "→";
  background: DodgerBlue;
  color: white;
}

// Προσθέστε το σχόλιό σας εδώ

function sayHello(name) {
  console.log("Γεια σας, " + name);
}

sayHello("David");

var names = ["David", "Bob", "Kate"];

var person = {
  name: "Bob",
  skills: ["JS", "HTML"]
};

var names = ["David", "Bob", "Kate"];
var name;

for (var i = 0; i < names.length; i++) {
  name = names[i];
  console.log(name);
}

var count = 5;

while (count > 0) {
  console.log(count);
  count = count - 1;
}

var name = "Bob";

if (name === "Bob") {
  console.log("Γεια σας, " + name);
} else if (name === "Kate") {
  console.log("Γεια σας, " + name);
} else {
  console.log("Γεια σου, ξένε!");
}

var name = "Bob";

switch(name) {
  case "Bob":
    console.log("Γεια σας, " + name);
    break;
  case "Kate":
    console.log("Γεια σας, " + name);
    break;
  default:
    // Do something if no condition was met
    console.log("Γεια σου, ξένε!");
}
  
// Επιλέξτε ένα στοιχείο με id="button"
var element = document.querySelector('#button');

element.addEventListener("click", function() {
  console.log("Click!");
});

// Επιλέξτε το στοιχείο με id='alert'
var element = document.querySelector('#alert');

element.style.background = "OrangeRed";
  • Μέγεθος κειμένου  ()
  • Θέμα χρωμάτων
  • "Τύλιγμα" μεγάλων γραμμών
  • Να επιτρέπεται το JavaScript
  • Show White Space
  • Αυτόματο κλείσιμο ετικετών
  • Αυτόματη συμπλήρωση κώδικα
  • Επεξεργασία εικόνων SVG ως κώδικα
ΠΡΟΕΠΙΣΚΟΠΗΣΗ ΕΚΜΑΘΗΣΗ
Αυτόματο

Δημοσίευση έργου

Έχετε κάνει αλλαγές από την τελευταία δημοσίευση του έργου αυτού.

Ενημέρωση δημοσιευμένης έκδοσης

Ορίστε ένας σύνδεσμος που μπορείτε να κοινοποιήσετε...

Διαγραφή δημοσιευμένης έκδοσης
Published projects need an "index.html" page, please add it and try again. Learn more
Ακύρωση
Δημοσίευση
Published projects need an "index.html" page, please add it and try again. Learn more