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

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

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

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

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

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

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

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

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

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

Insert a Code Snippet

HTML CSS JS
  • Σχόλιο
  • Πίνακας
  • Ταξινομημένη λίστα
  • Αταξινόμητη λίστα
  • Φόρμα
  • Συμπερίληψη αρχείου JavaScript
  • Συμπερίληψη αρχείου CSS
  • Αναπαραγωγή βίντεο
  • Αναπαραγωγή ήχου
  • Σχόλιο
  • Element Type Selector
  • Class Selector
  • ID Selector
  • Keyframe Animation
  • Στυλ συνδέσμων
  • Media Queries
  • Γραμματοσειρές
  • Προσθήκη ψευδο-στοιχείου
  • Σχόλιο
  • Μια βασική λειτουργία
  • Array
  • Αντικείμενο
  • Επανάληψη "για"
  • Επανάληψη "όσο"
  • Εντολή "Αν...αλλιώς"
  • Switch Statement
  • Add a Click Event
  • Αλλαγή ιδιότητας 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>
<!-- Add the <link> tag to your HTML file. These usually go in the <head> tag -->
<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;
}

/* The element to apply the animation to */
.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;
}

/* Visited */
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
  • Αυτόματο κλείσιμο ετικετών
  • Αυτόματη συμπλήρωση κώδικα
  • Edit SVG images as code
ΠΡΟΕΠΙΣΚΟΠΗΣΗ ΕΚΜΑΘΗΣΗ
Αυτόματο

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

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

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

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

Διαγραφή δημοσιευμένης έκδοσης
Please add an "index.html" file before publishing your project. Learn more
Ακύρωση
Δημοσίευση