Pascal

Pascal is a procedural and object-oriented programming language, designed by Niklaus Wirth in 1970 and still widely used for teaching and for building native applications.

LiveCodes runs Pascal in the browser using the Free Pascal team's pas2js transpiler, compiled to WebAssembly. It transpiles Object Pascal to JavaScript, which then runs in the result page. No server is involved.

Usage

Write a Pascal program in the script editor and press Run. Anything written with Writeln appears in the console.

Because the compiled output is plain JavaScript, the program can use the DOM and other browser APIs. uses web brings the browser API into scope:

program app;

{$mode objfpc}{$H+}

uses
  web, sysutils;

var
  Count: Integer = 0;

function HandleClick(Event: TJSEvent): boolean;
var
  Counter: TJSElement;
begin
  Count := Count + 1;
  Counter := document.getElementById('counter');
  if (Counter <> nil) then
    Counter.innerHTML := 'You clicked ' + IntToStr(Count) + ' times.';
end;

var
  Title: TJSElement;
  Button: TJSElement;
begin
  Writeln('Hello from Pascal!');

  Title := document.getElementById('title');
  if (Title <> nil) then
    Title.innerHTML := 'Pascal';

  Button := document.getElementById('counter-button');
  if (Button <> nil) then
    Button.addEventListener('click', @HandleClick);
end.

That is the starter template:

show code

import { createPlayground } from 'livecodes';

const options = {
  "template": "pascal"
};
createPlayground('#container', options);

import { createPlayground, type EmbedOptions } from 'livecodes';

const options: EmbedOptions = {
  "template": "pascal"
};
createPlayground('#container', options);

import LiveCodes from 'livecodes/react';

export default function App() {
  const options = {
  "template": "pascal"
};
  return (<LiveCodes {...options} />);
}

<script setup>
import LiveCodes from "livecodes/vue";

const options = {
  "template": "pascal"
};
</script>
<template>
  <LiveCodes v-bind="options" />
</template>

<script>
import LiveCodes from 'livecodes/svelte';

const options = {
  "template": "pascal"
};
</script>

<LiveCodes {...options} />

import LiveCodes from 'livecodes/solid';

export default function App() {
  const options = {
  "template": "pascal"
};
  return (<LiveCodes {...options} />);
}

import LiveCodes from 'livecodes/preact';

export default function App() {
  const options = {
  "template": "pascal"
};
  return (<LiveCodes {...options} />);
}

<live-codes
  template="pascal"></live-codes>

<script type="module">
  import "livecodes/web-components";
</script>

Uncaught exceptions are reported in the console; ExitCode may be set to signal a non-zero exit code.

Language Info

Name

pascal

Aliases

pas, pp, pas2js

Extension

.pas, .pp

Editor

script

Compiler

pas2js, the Free Pascal compiler targeting JavaScript.

Version

pas2js 3.3.1

Limitations

There is no Readln in the pas2js runtime, so programs cannot read from standard input.

Usage​

Language Info​

Name​

Aliases​

Extension​

Editor​

Compiler​

Version​

Limitations​

Links​