Editor de código

Com nosso editor de código online, você pode editar o código e visualizar o resultado no seu navegador

Editor de código front-end

Com o editor de código online do W3Schools, você pode editar código HTML, CSS e JavaScript e visualizar o resultado em seu navegador.

A janela à esquerda é editável - edite o código e clique no botão "Executar" para visualizar o resultado na janela da direita.

O "Tamanho do resultado" retorna a largura e a altura da janela de resultado em pixels (mesmo quando você redimensiona a janela do navegador).

Você pode controlar o tamanho de uma janela com a barra entre as janelas (calha arrastável).

Os ícones são explicados na tabela abaixo:

Ícone	Descrição
	Acesse www.w3schools.com
	Botão de menu para mais opções
	Salve seu código (e compartilhe com outras pessoas)
	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.