Thimble žal ne deluje v vašem brskalniku

Thimble deluje v teh brskalnikih: Firefox, Chrome, Internet Explorer 11, Microsoft Edge, Safari (8+) in Opera.

Naj vseeno poskusim!
Za Thimble so na voljo posodobitve. Za prejem zadnjih sprememb osvežite brskalnik.

Nalaganje projekta

Kaže, da se vaš projekt dolgo nalaga.
Če se ne naloži, poskusite znova naložiti stran.

Thimbla ni bilo mogoče zagnati.

Znova naložite stran in poskusite naložiti Thimble.

Za podrobnosti o napaki odprite konzolo svojega brskalnika.

OPOMBA: Če uporabljate način zasebnega brskanja, ponovno naložite stran v navadnem načinu.

DATOTEKE
  • Dodaj datoteko HTML
  • Dodaj datoteko CSS
  • Dodaj datoteko JavaScript
  • Dodaj vodnik
  • Dodaj mapo
  • Naloži datoteko ...
  • Prenesi datoteke (.zip)
UREJEVALNIK
Razveljavi

Vstavi izrezek kode

HTML CSS JS
  • Komentar
  • Tabela
  • Oštevilčen seznam
  • Neoštevilčen seznam
  • Obrazec
  • Dodaj datoteko JavaScript
  • Dodaj datoteko CSS
  • Predvajalnik videoposnetkov
  • Predvajalnik zvoka
  • Komentar
  • Izbirnik vrste elementa
  • Izbirnik razreda
  • Izbirnik ID
  • Animacija ključnih sličic
  • Slogi povezav
  • Poizvedbe za predstavnost
  • Pisave
  • Dodaj psevdoelement
  • Komentar
  • Osnovna funkcija
  • Polje
  • Objekt
  • Zanka For
  • Zanka While
  • Stavek If...Else
  • Stavek Switch
  • Dodaj dogodek klika
  • Spremeni lastnost CSS
<!-- Tukaj napišite komentar -->
<table>
  <tr>
    <th>Naslov</th>
    <th>Naslov</th>
  </tr>
  <tr>
    <td>Vrednost</td>
    <td>Vrednost</td>
  </tr>
</table>

<ol>
  <li>Element 1</li>
  <li>Element 2</li>
  <li>Element 3</li>
</ol>

<ul>
  <li>Element 1</li>
  <li>Element 2</li>
  <li>Element 3</li>
</ul>

<form action="" method="get">
  <label for="first-name">Ime</label>
  <input id="first-name" type="text" name="firstname"><br>
  <label for="last-name">Priimek</label>
  <input id="last-name" type="text" name="lastname"><br>
  <input type="submit" value="Pošlji">
</form>

<script src="script.js"></script>
<!-- Dodajte oznako <link> v datoteko HTML. Ponavadi gredo v oznako <head> -->
<link href="style.css" rel="stylesheet">

<video width="320" height="240" controls>
  <source src="video.mp4" type="video/mp4">
  Vaš brskalnik ne podpira oznake &quot;video&quot;.
</video>

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Vaš brskalnik ne podpira oznake &quot;audio&quot;.
</audio>

/* Tukaj napišite komentar */

p {
  font-size: 20px;
}

.className {
  background-color: green;
}

#idName {
  background-color: green;
}

/* Element, ki mu želite dodati animacijo */
.animated {
  animation-name: animationName;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

/* Koda animacije */
@keyframes animationName {
  0%   { background-color: red;    }
  50%  { background-color: orange; }
  100% { background-color: yellow; }
}

/* Osnovni slog */
a:link {
  color: RoyalBlue;
  text-decoration: none;
}

/* Obiskano */
a:visited {
  color: Orchid;
}

/* Aktivno */
a:active {
  color: OrangeRed;
}

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

@media screen and (max-width: 320px) {
  /* Pravila, ko je zaslon širok do 320 pik */
}

@media screen and (min-width: 321px) and (max-width: 768px) {
  /* Pravila, ko je zaslon širok med 321 in 768 pikami */
}

@media screen and (min-width: 769px) {
 /* Pravila, ko je zaslon širši od 768 pik */
}

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

/* Doda puščico pred vsak element s class='arrow' */
.arrow::before {
  content: "→";
  background: DodgerBlue;
  color: white;
}

// Tukaj napišite komentar

function sayHello(name) {
  console.log("Živijo, " + name);
}

sayHello("David");

var names = ["David", "Miha", "Urška"];

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

var names = ["David", "Miha", "Urška"];
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 = "Miha";

if (name === "Miha") {
  console.log("Živijo, " + name);
} else if (name === "Urška") {
  console.log("Živijo, " + name);
} else {
  console.log("Živijo, neznanec!");
}

var name = "Miha";

switch(name) {
  case "Miha":
    console.log("Živijo, " + name);
    break;
  case "Urška":
    console.log("Živijo, " + name);
    break;
  default:
    // Naredi nekaj, če ni izpolnjen noben pogoj
    console.log("Živijo, neznanec!");
}
  
// Izberi element z id="button"
var element = document.querySelector('#button');

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

// Izberi element z id="alert"
var element = document.querySelector('#alert');

element.style.background = "OrangeRed";
  • Velikost besedila  ()
  • Barva teme
  • Prelomi dolge vrstice
  • Dovoli JavaScript
  • Pokaži prazen prostor
  • Samodejno zapri oznake
  • Samodokončevanje kode
  • Uredi slike SVG kot kodo
PREDOGLED VODNIK
Samodejno

Objavi svoj projekt

Od zadnje objave projekta ste naredili nekaj sprememb.

Posodobi objavljeno različico

Tukaj je povezava za deljenje ...

Izbriši objavljeno različico
Preden objavite projekt, dodajte datoteko "index.html". Več o tem
Prekliči
Objavi