Kode-redakteur

Met ons aanlyn kode-redigeerder kan jy kode wysig en die resultaat in jou blaaier bekyk

Frontend Kode Editor

Met W3Schools aanlyn kode-redigeerder kan jy HTML-, CSS- en JavaScript-kode wysig en die resultaat in jou blaaier bekyk.

Die venster aan die linkerkant is redigeerbaar - wysig die kode en klik op die "Run" knoppie om die resultaat in die regte venster te sien.

Die "Resultaatgrootte" gee die breedte en hoogte van die resultaatvenster in pixels terug (selfs wanneer jy die grootte van die blaaiervenster verander).

Jy kan die grootte van 'n venster beheer met die balk tussen die vensters (sleepbare geut).

Die ikone word in die tabel hieronder verduidelik:

Ikoon	Beskrywing
	Gaan na www.w3schools.com
	Kieslys-knoppie vir meer opsies
	Stoor jou kode (en deel dit met ander)
	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.