Na ndjeni, Thimble s’do të funksionojë në shfletuesin tuaj

Thimble funksionon në tërë shfletuesit vijues: Firefox, Chrome, Internet Explorer 11, Microsoft Edge, Safari (8+), dhe Opera.

Lermë ta provoj, sido qoftë!
Thimble-i ka Përditësime - Ju lutemi, rifreskoni shfletuesin tuaj që të merrni ndryshimet më të reja.

Po ngarkohet Projekti

Ngarkimi i projektit tuaj duket se po zgjat një kohë të madhe.
Nëse nuk ngarkohet, ju lutemi, ringarkoni faqen që të riprovohet.

Thimble-i s’u nis dot.

Ju lutemi, ringarkoni shfletuesin tuaj që të provohet të ngarkohet Thimble-i sërish.

Për hollësi gabimi hapni konsolën Mjete Zhvilluesi të shfletuesit tuaj.

SHËNIM: nëse po e përdorni nën mënyrën Shfletim Privat, ju lutemi, ringarkojeni nën mënyrën normale.

KARTELA
  • Shtoni kartel HTML
  • Shtoni kartelë CSS
  • Shtoni kartelë JavaScript
  • Shtoni një Përkujdesore
  • Shtoni Dosje
  • Ngarkoni një kartelë…
  • Shkarkoni kartelat (.zip)
PËRPUNUES
Zhbëje

Futni një Copëz Kodi

HTML CSS JS
  • Koment
  • Tabelë
  • Listë e Renditur
  • Listë e Parenditur
  • Formular
  • Përfshini një kartelë JavaScript
  • Shtoni një kartelë CSS
  • Lojtës Videosh
  • Lojtës Audiosh
  • Koment
  • Përzgjedhës Lloji Elementi
  • Përzgjedhës Klasash
  • Përzgjedhës ID-sh
  • Animacion Keyframe-i
  • Stile Lidhjesh
  • Kërkesa Media
  • Shkronja
  • Shtoni një Pseudoelement
  • Koment
  • Një Funksion i Thjeshtë
  • Matricë
  • Objekt
  • Cikël For
  • Cikël While
  • Pohim If...Else
  • Pohim Switch
  • Shtoni një Akt Klikimi
  • Ndryshoni Veti CSS
<!-- Shtoni këtu komentin tuaj -->
<table>
  <tr>
    <th>Krye</th>
    <th>Krye</th>
  </tr>
  <tr>
    <td>Vlerë</td>
    <td>Vlerë</td>
  </tr>
</table>

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

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

<form action="" method="get">
  <label for="first-name">Emër</label>
  <input id="first-name" type="text" name="firstname"><br>
  <label for="last-name">Mbiemër</label>
  <input id="last-name" type="text" name="lastname"><br>
  <input type="submit" value="Parashtrojeni">
</form>

<script src="script.js"></script>
<!-- Shtojeni etiketën <link> te kartela juaj HTML. Zakonisht këto shtohen te etiketa <head> -->
<link href="style.css" rel="stylesheet">

<video width="320" height="240" controls>
  <source src="video.mp4" type="video/mp4">
  Shfletuesi juaj nuk e mbulon etiketën video.
</video>

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Shfletuesi juaj nuk e mbulon etiketën audio.
</audio>

/* Shtoni këtu komentin tuaj */

p {
  font-size: 20px;
}

.className {
  background-color: green;
}

#idName {
  background-color: green;
}

/* Elementi mbi të cilin të aplikohet animacioni */
.animated {
  animation-name: animationName;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

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

/* Stil i Thjeshtë */
a:link {
  color: RoyalBlue;
  text-decoration: none;
}

/* E vizituar */
a:visited {
  color: Orchid;
}

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

/* Aktivizuar me kalim kursori përsipër */
a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 320px) {
  /* Rregulla kur ekrani është deri në 320px i gjerë */
}

@media screen and (min-width: 321px) and (max-width: 768px) {
  /* Rregulla kur ekrani është nga 321px deri në 768px i gjerë */
}

@media screen and (min-width: 769px) {
 /* Rregulla kur ekrani është më i gjerë se 768px */
}

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

/* Shton një shigjetë përpara çdo elementi me class='arrow' */
.arrow::before {
  content: "→";
  background: DodgerBlue;
  color: white;
}

// Shtoni këtu komentin tuaj

function sayHello(name) {
  console.log("Hello, " + 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("Hello, " + name);
} else if (name === "Kate") {
  console.log("Hello, " + name);
} else {
  console.log("Hello, i panjohur!");
}

var name = "Bob";

switch(name) {
  case "Bob":
    console.log("Hello, " + name);
    break;
  case "Kate":
    console.log("Hello, " + name);
    break;
  default:
    // Bëj diçka nëse nuk plotësohet kushti
    console.log("Hello, i panjohur!");
}
  
// Përzgjidhni një element me id="button"
var element = document.querySelector('#button');

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

// Përzgjidhni një element me id='alert'
var element = document.querySelector('#alert');

element.style.background = "OrangeRed";
  • Madhësi teksti  ()
  • Ngjyrë teme
  • Rreshtat e gjatë mbështilli
  • Lejo JavaScript
  • Shfaq Hapësirat
  • Vetëmbyll etiketa
  • Vetëplotëso kod
  • Përpunojini figurat SVG si kod
PARAPARJE PËRKUJDESORE
Auto

Publikoni Projektin tuaj

Keni bërë ndryshime që nga hera e fundit që e publikuat këtë projekt.

Përditësoni versionin e publikuar

Ja një lidhje për ta ndarë me të tjerët…

Fshije Versionin e Botuar
Projektet e publikuara lypin një faqe "index.html", ju lutemi, shtojeni dhe riprovoni. Mësoni më tepër
Anuloje
Publikoje
Projektet e publikuara lypin një faqe "index.html", ju lutemi, shtojeni dhe riprovoni. Mësoni më tepër