Code-editor

Met onze online code-editor kun je code bewerken en het resultaat in je browser bekijken

Frontend-code-editor

Met de online code-editor van W3Schools kunt u HTML-, CSS- en JavaScript-code bewerken en het resultaat in uw browser bekijken.

Het venster aan de linkerkant kan worden bewerkt - bewerk de code en klik op de knop "Uitvoeren" om het resultaat in het rechtervenster te bekijken.

De "Resultaatgrootte" retourneert de breedte en de hoogte van het resultaatvenster in pixels (zelfs wanneer u de grootte van het browservenster aanpast).

U kunt de grootte van een venster bepalen met de balk tussen de vensters (versleepbare goot).

De pictogrammen worden uitgelegd in de onderstaande tabel:

Icoon	Beschrijving
	Ga naar www.w3schools.com
	Menuknop voor meer opties
	Bewaar je code (en deel deze met anderen)
	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.