Evidenziatore Sintassi

Evidenzia sintassi codice in piu linguaggi

Elaborazione nel BrowserI tuoi dati non lasciano mai il browser

Code

Language

Theme

Show line numbers

Wrap long lines

Preview

1	<span style="color: #ff79c6">function</span> <span style="color: #50fa7b">greet</span>(name) {
2	<span style="color: #ff79c6">const</span> message = <span style="color: #f1fa8c">`Hello, ${name}!`</span>;
3	<span style="color: #ff79c6">return</span> message;
4	}
5
6	console.<span style="color: #50fa7b">log</span>(<span style="color: #50fa7b">greet</span>(<span style="color: #f1fa8c">'World'</span>));

HTML Output

<pre style="background-color: #282a36; padding: 1em; border-radius: 0.5em; overflow-x: auto;"><code style="color: #f8f8f2; font-family: monospace;"><span style="color: #6272a4; margin-right: 1em; user-select: none;">  1</span><span style="color: #ff79c6"><</span>span style<span style="color: #ff79c6">=</span>"color<span style="color: #ff79c6">:</span> #ff79c6"<span style="color: #ff79c6">></span>function<span style="color: #ff79c6"><</span><span style="color: #ff79c6">/</span>span<span style="color: #ff79c6">></span> <span style="color: #ff79c6"><</span>span style<span style="color: #ff79c6">=</span>"color<span style="color: #ff79c6">:</span> #50fa7b"<span style="color: #ff79c6">></span>greet<span style="color: #ff79c6"><</span><span style="color: #ff79c6">/</span>span<span style="color: #ff79c6">></span>(name) {
<span style="color: #6272a4; margin-right: 1em; user-select: none;">  2</span>  <span style="color: #ff79c6"><</span>span style<span style="color: #ff79c6">=</span>"color<span style="color: #ff79c6">:</span> #ff79c6"<span style="color: #ff79c6">></span>const<span style="color: #ff79c6"><</span><span style="color: #ff79c6">/</span>span<span style="color: #ff79c6">></span> message <span style="color: #ff79c6">=</span> <span style="color: #ff79c6"><</span>span style<span style="color: #ff79c6">=</span>"color<span style="color: #ff79c6">:</span> #f1fa8c"<span style="color: #ff79c6">></span>`Hello, ${name}<span style="color: #ff79c6">!</span>`<span style="color: #ff79c6"><</span><span style="color: #ff79c6">/</span>span<span style="color: #ff79c6">></span>;
<span style="color: #6272a4; margin-right: 1em; user-select: none;">  3</span>  <span style="color: #ff79c6"><</span>span style<span style="color: #ff79c6">=</span>"color<span style="color: #ff79c6">:</span> #ff79c6"<span style="color: #ff79c6">></span>return<span style="color: #ff79c6"><</span><span style="color: #ff79c6">/</span>span<span style="color: #ff79c6">></span> message;
<span style="color: #6272a4; margin-right: 1em; user-select: none;">  4</span>}
<span style="color: #6272a4; margin-right: 1em; user-select: none;">  5</span>
<span style="color: #6272a4; margin-right: 1em; user-select: none;">  6</span>console.<span style="color: #ff79c6"><</span>span style<span style="color: #ff79c6">=</span>"color<span style="color: #ff79c6">:</span> #50fa7b"<span style="color: #ff79c6">></span>log<span style="color: #ff79c6"><</span><span style="color: #ff79c6">/</span>span<span style="color: #ff79c6">></span>(<span style="color: #ff79c6"><</span>span style<span style="color: #ff79c6">=</span>"color<span style="color: #ff79c6">:</span> #50fa7b"<span style="color: #ff79c6">></span>greet<span style="color: #ff79c6"><</span><span style="color: #ff79c6">/</span>span<span style="color: #ff79c6">></span>(<span style="color: #ff79c6"><</span>span style<span style="color: #ff79c6">=</span>"color<span style="color: #ff79c6">:</span> #f1fa8c"<span style="color: #ff79c6">></span>'World'<span style="color: #ff79c6"><</span><span style="color: #ff79c6">/</span>span<span style="color: #ff79c6">></span>));
</code></pre>

About Evidenziatore Sintassi

Evidenzia sintassi codice in piu linguaggi

Use this free online strumenti programmazione tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.

Strumenti Correlati

Formattatore JSONFormatta e abbellisci JSON con evidenziazione sintassi

Validatore JSONValida sintassi JSON e trova errori

Convertitore JSON in YAMLConverti JSON in formato YAML

Convertitore YAML in JSONConverti YAML in formato JSON