Éditeur de codes

Avec notre éditeur de code en ligne, vous pouvez modifier le code et afficher le résultat dans votre navigateur

Éditeur de code frontal

Avec l'éditeur de code en ligne W3Schools, vous pouvez modifier le code HTML, CSS et JavaScript et afficher le résultat dans votre navigateur.

La fenêtre de gauche est modifiable - modifiez le code et cliquez sur le bouton "Exécuter" pour afficher le résultat dans la fenêtre de droite.

La "Taille du résultat" renvoie la largeur et la hauteur de la fenêtre de résultat en pixels (même lorsque vous redimensionnez la fenêtre du navigateur).

Vous pouvez contrôler la taille d'une fenêtre avec la barre entre les fenêtres (gouttière déplaçable).

Les icônes sont expliquées dans le tableau ci-dessous :

Icône	La description
	Allez sur www.w3schools.com
	Bouton Menu pour plus d'options
	Enregistrez votre code (et partagez-le avec d'autres)
	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.