క్షమించాలి, Thimble మీ బ్రౌజర్ లో పనిచేయదు

కింది అన్ని బ్రౌజర్లలో Thimble పని పనిచేస్తుంది:Firefox, Chrome, Internet Explorer 11, Microsoft Edge, Safari (8+), and Opera.

ఏమైనప్పటికీ నేను ప్రయత్నిస్తాను!
Thimble has Updates - Please refresh your browser to get the latest changes.

ప్రాజెక్టు లోడ్ చేయబడు తోoది

Your project seems to be taking a long time to load.
If it doesn't load, please reload the page to try again.

Thimble ప్రారంభం కాదు.

Please reload your browser to try loading Thimble again.

For error details open your browser's Developer Tools console.

NOTE: మీరు ప్రైవేట్ బ్రౌజింగ్ మోడ్ ఉపయోగించి ఉంటే, సాధారణ రీతిలో రీలోడ్ చేయండి.

ఫైళ్లు
  • HTML ఫైల్ ని జోడించండి
  • CSS ఫైల్ ని జోడించండి
  • JavaScript ఫైల్ ని జోడించండి
  • ఒక ట్యుటోరియల్ జోడించండి
  • సంచికను జోడించు
  • ఫైల్‌ ను అప్‌లోడ్ చేయండి...
  • ఫైళ్లను దింపుకోండి (.zip)
EDITOR
దిద్దుబాటు రద్దుచెయ్యి

Insert a Code Snippet

HTML CSS JS
  • వ్యాఖ్య
  • పట్టిక
  • వరసక్రమ జాబితా
  • క్రమపరచని జాబితా
  • ఫారమ్
  • ఒక JavaScriptఫైల్ జోడించండి
  • ఒక CSS ఫైల్ జోడించండి
  • వీడియో ప్లేయర్
  • ఆడియో ప్లేయర్
  • వ్యాఖ్య
  • Element Type Selector
  • Class Selector
  • ID సూచించునది
  • Keyframe Animation
  • లంకె శైలులు
  • Media Queries
  • ఖతులు
  • Add a Pseudo Element
  • వ్యాఖ్య
  • ఒక ప్రాథమిక ఫంక్షన్
  • Array
  • Object
  • ఫర్ లూప్
  • వైల్ లూప్
  • If...Else Statement
  • Switch Statement
  • Add a Click Event
  • Change CSS Property
<!-- మీ వ్యాఖ్యను ఇక్కడ జోడించు -->
<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">
  Your browser does not support the video tag.
</video>

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</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;
}

/* The animation code */
@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("హలో, " +పేరు);
}

sayHello("డేవిడ్");

var names = ["డేవిడ్", "బాబ్", "కేట్"];

var person = {
  name: "బాబ్",
  skills: ["JS", "HTML"]
};

var names = ["డేవిడ్", "బాబ్", "కేట్"];
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 = "బాబ్";

if (name === "బాబ్") {
  console.log("హలో, " +పేరు);
} else if (name === "కేట్") {
  console.log("హలో, " +పేరు);
} else {
  console.log("హలో, తెలియని వ్యక్తి!");
}

var name = "బాబ్";

switch(name) {
  case "బాబ్":
    console.log("హలో, " +పేరు);
    break;
  case "కేట్":
    console.log("హలో, " +పేరు);
    break;
  default:
    // Do something if no condition was met
    console.log("హలో, తెలియని వ్యక్తి!");
}
  
// Select an element with id="button"
var element = document.querySelector('#button');

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

// Select the element with id='alert'
var element = document.querySelector('#alert');

element.style.background = "OrangeRed";
  • టెక్స్ట్ పరిమాణం  ()
  • థీమ్ రంగు
  • దీర్ఘ పంక్తులు వ్రాప్ చేయి
  • JavaScript అనుమతించు
  • తెలుపు అంతరం చూపు
  • స్వయంచాలితంగా ట్యాగ్‌లు మూసివేయండి
  • కోడ్ స్వయంసమాప్తి
  • కోడ్ వలె SVG చిత్రాలను సవరించండి
PREVIEW TUTORIAL
ఆటో

మీ ప్రాజెక్టును ప్రచురించండి

మీరు గత ప్రచురించబడిన ప్రాజెక్ట్ కు మార్పులు చేసారు.

ప్రచురించబడిన సంస్కరణలో నవీకరణ

ఇక్కడ మీరు లింక్ పంచుకోవచ్చు...

ప్రచురించబడిన వెర్షన్లను తొలగించండి
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