మీ ప్రాజెక్టును ప్రచురించండి
మీరు గత ప్రచురించబడిన ప్రాజెక్ట్ కు మార్పులు చేసారు.
Your project seems to be taking a long time to load.
If it doesn't load, please reload the page to try again.
If that doesn't help, let us know.
Please reload your browser to try loading Thimble again.
For error details open your browser's Developer Tools console.
NOTE: మీరు ప్రైవేట్ బ్రౌజింగ్ మోడ్ ఉపయోగించి ఉంటే, సాధారణ రీతిలో రీలోడ్ చేయండి.
<!-- మీ వ్యాఖ్యను ఇక్కడ జోడించు -->
<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";
మీరు గత ప్రచురించబడిన ప్రాజెక్ట్ కు మార్పులు చేసారు.