Editor kódu

Pomocí našeho online editoru kódu můžete upravovat kód a prohlížet si výsledek ve svém prohlížeči

Frontend Code Editor

Pomocí online editoru kódu W3Schools můžete upravovat kód HTML, CSS a JavaScript a prohlížet si výsledek ve svém prohlížeči.

Okno vlevo je editovatelné - upravte kód a klikněte na tlačítko "Spustit" pro zobrazení výsledku v pravém okně.

"Velikost výsledku" vrací šířku a výšku okna s výsledkem v pixelech (i když změníte velikost okna prohlížeče).

Velikost okna můžete ovládat pomocí lišty mezi okny (přetahovací okap).

Ikony jsou vysvětleny v tabulce níže:

Ikona	Popis
	Přejděte na www.w3schools.com
	Tlačítko Menu pro více možností
	Uložte svůj kód (a sdílejte jej s ostatními)
	Change orientation (horizontally or vertically)
	Change color theme (dark or light)

Learn to Code

If you are new to coding, we suggest that you start with HTML, and move on to CSS and JavaScript:

HTML Tutorial CSS Tutorial JavaScript Tutorial

Backend Code Compiler

The backend code compiler allows you to edit Python, C#, C++, PHP, Node.js, Java, Bash, Clojure, Fortran, Go, Kotlin, Perl, R, Ruby, Scala, Swift, TypeScript, and VB.NET code, and view the result in your browser.

Result Size:

prog.r
Input
+
+

# We need this line of code to show graphs in our compiler
bitmap(file="out.png")

# Create a vector of pies
x <- c(10,20,30,40)

# Display the pie chart
pie(x)

Click on the "Try it Yourself" button to see how it works.

Code Compiler Explained

The Dropdown list to the right of the "Run" button allows you to change programming languages.

By selecting the "input" tab, you can add user input to use in the code.

The "+" tabs allows you to add additional files (for the same language you are currently running) to run.