17

順列を絶対に好きではない人はいますか？私は知っています、彼らは驚くべきことです。とても楽しいです！

さて、なぜこの楽しさを取ると、それにしないfunner？

これが課題です。

正確な形式で入力所与：nPr、nプールから採取されるとr、そのプールからの選択の数である（そしてnそしてr整数である）、出力/順列の正確な数を返します。用語で少し錆びているあなたのために：順列、定義。2a。

ただし、これが課題の出番です（簡単ではありません）：

置換関数に組み込みのライブラリ、フレームワーク、またはメソッドを使用することはできません。階乗法、順列法、またはそのようなものは使用できません。すべてを自分で書く必要があります。

さらに説明が必要な場合は、コメントで私に話すことをheしないでください、私はすぐにそれに応じて行動します。

I / Oの例を次に示します。

サンプル関数は permute(String) -> int

入力：

permute("3P2")

出力：

これはコードゴルフなので、最短のコードが勝ちです！

code-golf math permutations

— ダニエル
ソース

2

ああこの挑戦は順列グループにあると思いました。クール。これもクールで、順列グループと密接に関連しています。チャレンジが大好きです。

— ジャスティン

組み込みメソッドやライブラリメソッドがないと言うとき、順列の意味ですか？組み込みを使用しsplitて入力をで分割できますPか？文字列を数値に変換する関数はどうですか？

— -xnor

3

答えはそれを前提としてい0 <= r <= nますか？

— ピーターテイラー

1

@Dopapp r がnより大きくないということですか？

— デニス

1

@RetoKoradi-ほとんどのポスターに答えをやり直させないようにするために、階乗法または順列の方法/関数を使用することは許可されていないと思います。

— ダニエル

4

CJam、15 14バイト

r~\;~\),>UXt:*

CJamインタープリターでオンラインで試してください。

使い方

r              e# Read a token ("nPr") from STDIN.
 ~             e# Evaluate. This pushes the numbers n, Pi and r on the stack.
  \;           e# Discard Pi.
    ~          e# Take the bitwise NOT of r. Pushes -(r+1).
     \)        e# Increment n.    
       ,       e# Turn n+1 into [0 ... n].
        >      e# Keep only the last r+1 elements.
         UXt   e# Replace the first element with 1.
               e# This avoid dealing with the egde case nP0 separately.
            :* e# Compute their product.

— デニス
ソース

4

Perl、27バイト

#!perl -pl61
$\*=$`-$%++for/P/..$'}{

シバンを4としてカウントすると、入力は標準入力から取得されます。

サンプルの使用法

$ echo 3P2 | perl npr.pl
6

$ echo 7P4 | perl npr.pl
840

— プリモ
ソース

どのようなオプションがありl61ますか？

— feersum

それが設定@feersum $\に1（CHAR 49進61）。

— プリモ

3

ハスケル、 71 66バイト

p s|(u,_:x)<-span(/='P')s,(n,k)<-(read u,read x)=product[n-k+1..n]

非常に簡単なもの：「P」で分割し、（n-k + 1）とnの間の積を取ります。

where節ではなくパターンガードを使用するというアイデアを提供してくれたnimiのおかげで、5バイト削減されました。

— アルジャネン
ソース

2

Minkolang 0.11、13の 25 19バイト

これを提案してくれたSp3000に感謝します！

1nnd3&1N.[d1-]x$*N.

ここで試してみてください。

説明

1        Push 1
n        Take integer from input (say, n)
n        Take integer from input (say, k); ignores non-numeric characters in the way
d3&1N.   Output 1 if k is 0
[   ]    Loop k times
 d1-     Duplicate top of stack and subtract 1
x        Dump top of stack
$*       Multiply all of it together
N.       Output as integer

これは、Alexのと同じアルゴリズムを使用します：n P k= n(n-1)(n-2)...(n-k+1)。

— エレンディアスターマン
ソース

2

ジュリア、63 58 48バイト

s->((n,r)=map(parse,split(s,"P"));prod(n-r+1:n))

これにより、文字列を受け入れて整数を返す名前のない関数が作成されます。呼び出すには、名前を付けf=s->...ます。

ゴルフをしていない：

function f(s::AbstractString)
    # Get the pool and number of selections as integers
    n, r = map(parse, split(s, "P"))

    # Return the product of each number between n-r+1 and n
    return prod(n-r+1:n)
end

これは、順列の数がn（n -1）（n -2）...（n - k +1）であるという事実を使用しています。

グレンOのおかげで10バイト節約できました！

— アレックス・A
ソース

必要はありませんのでInt、あなただけを使用することができますmap(parse,...)。

— グレンO

@GlenO私の心は吹き飛ばされました。Intその状況では必要だとは思いませんでした。本当にありがとう！

— アレックスA.

2

Bash + Linuxユーティリティ、33

jot -s\* ${1#*P} $[${1/P/-}+1]|bc

jotでr始まる整数のシーケンスを生成しn-r+1、で区切ります*。この式はbc算術評価のためにパイプされます。

— デジタル外傷
ソース

1

MATLAB、54バイト

[n,r]=strread(input(''),'%dP%d');disp(prod((n-r+1):n))

小さくしようとしましたが、MATLABが本当に苦手なことの1つは入力の取得です。入力文字列から2つの数字を取得するだけで32文字かかります！

かなり自明なコード。%dP%d％dが整数である形式で入力を取得します。それをnとに分割しrます。次に、範囲内のすべての整数の積を表示n-r+1しnます。興味深いことに、これはでものために働くxP01.本の正しい答えを与えるため、MATLABであるprod()あなたは空の配列の製品を試してみてください場合、関数が戻る1。たびrゼロで、範囲は、我々は1を取得するので、ビンゴ、空の配列になります。

これはOctaveでも同様に機能します。こちらからオンラインで試すことができます。

— トム・カーペンター
ソース

1

Javascript、59 57バイト

s=>(f=(n,k)=>k?(n- --k)*f(n,k):1,f.apply(f,s.split('P')))

— ナウアック
ソース

1

Java（594-バイト）

import java.util.*;import java.lang.*;public class Perm {private String a;private static int[] nr=new int[2];private static int sum=1;Scanner in=new Scanner(System.in);public String input(){a=in.nextLine();return a;}public void converter(String a){this.a=a;String b=a.substring(0,1);String c=a.substring(2);nr[0]=Integer.parseInt(b);nr[1]=Integer.parseInt(c);}public int param(){for(int counter=0; counter < nr[1]; counter++){sum=sum*nr[0]--;}return sum;}public static void main(String args[]){Perm a;a=new Perm();String k=a.input();a.converter(k);int ans=a.param();System.out.println(ans);}}

— カマルルフ
ソース

1

J、23バイト

^!._1/@(".;._1)@('P'&,)

匿名関数。例：

   f =. ^!._1/@(".;._1)@('P'&,)
   f '10P4'
5040

説明：

       (  ;._1)@('P'&,)   Split over 'P', and on each slice,
        ".                read a number.
      @                   Then,
^!._1/                    fold (/) with the built-in "stope function" (^!.k) for k=1.

STOPE機能を内蔵し...それは乗算演算子の一般性と階乗演算子の特異性との間にどこかにかかっているように私は、計数上かもしれないの境界線を使用。

— リン
ソース

1

APL、23

{{×/⍵↑⍳-⍺}/-⍎¨⍵⊂⍨⍵≠'P'}

引数として文字列を取ります。説明：

              ⍵⊂⍨⍵≠'P'  ⍝ Split by 'P'.
           -⍎¨          ⍝ Convert to numbers and negate making a vector (−n −r)
 {       }/             ⍝ Reduce it by a defined function, which
      ⍳-⍺               ⍝ makes a vector of numbers from 1 to n (⍺)
    ⍵↑                  ⍝ takes r last elements (⍵←−r)
  ×/                    ⍝ and multiplies them together.

— user46915
ソース

これはどのAPLですか？Dyalogのコピーでエラーが発生します。

— リトシアスト

1

@ThomasKwa ⎕ML←3Dyalogで使用します。

— -user46915

1

Python 2、66

def f(s):a,b=map(int,s.split('P'));P=1;exec"P*=a;a-=1;"*b;print P

とても簡単です。入力された数値をとして処理しますa,b。実行中の製品をとして保持しP、これにの最初のb項を掛けa, a-1, a-2, ...ます。

— xnor
ソース

2

どうしてinput()エラーにならないのかわかりません。

— feersum

@feersum私はそれを試してみましたが、実際には構文エラーがスローされます。

— アレックスA.

私"3P2"は通常許可されていると思われる引用符で入力を取りましたが、ここでは「正確な形式の入力」という課題があるので、文字列を受け取る関数に変更します。

— xnor

1

TI-BASIC、52バイト

Ans→Str1
expr(sub(Ans,1,⁻1+inString(Ans,"P→P        ;n
1
If expr(Str1                               ;If n^2*r ≠ 0
prod(randIntNoRep(P,P+1-expr(Str1)/P²
Ans

TI-BASICには「リストの積」機能があるため、組み込みの制限を回避するのはそれほど難しくありません。ただし、TI-BASICは空のリストをサポートしていません。そのため、

2つの数値を抽出するには、最初の数値を部分文字列として抽出します。これは高価です。2行目全体を占めます。2番目の数値についてこれを再度行う必要がないように、変数Pをその数値に設定し、を使用して文字列全体を評価してからexpr(、P²で除算します。

最後に、2つの数値間のリストのランダムな順列を取り（2番目の数値に1を加算するように注意して）、製品を取得します。

— 律法学者
ソース

1

ウロボロス、47 45バイト

これのいくつかは非常にいです-私はそれがさらにゴルフされるかもしれないと想像します。

Sr.r-1(
)s.!+S1+.@@.@\<!@@*Ys.!+*S.!!4*.(sn1(

ウロボロスの各コード行は、尾を食べるヘビを表しています。

ヘビ1

S共有スタックに切り替えます。r.r1つの番号を読み取り、それを複製し、別の番号を読み取ります。（のような非数値文字Pはスキップされます。）-2つを引きます。入力された場合は7P2、我々は今持っている7、5共有スタック上に。最後1(に、ヘビの最後のキャラクターを食べます。これは命令ポインターが置かれているキャラクターなので、ヘビは死にます。

ヘビ2

)s最初は何もしません。.!+snake 2のスタックの最上部を複製し、ゼロかどうかをチェックし、ゼロの場合は1を追加します。最初の反復では、スタックは空であり、無限のゼロを含んでいるかのように扱われ1ます。後の反復では、スタックにゼロ以外の値が含まれ、これは効果がありません。

次に、積を計算するためのS番号nとカウンターがある共有スタックに切り替えます。1+カウンターをインクリメントします。.@@.@\<!両方の数値を複製nし、カウンタ以上の場合は1をプッシュし、そうでない場合は0 をプッシュします。@@*Y次に、カウンターにこの量を掛けて、コピーをsnake 2のスタックにヤンクします。

s.!+snake 2のスタックに戻り、以前と同じコードを使用して、先頭の数値が0の場合は1に変換し、それ以外の場合は同じままにします。次に*、このスタックにあった部分積で結果を乗算します。

共有スタックに戻り（S）、カウンターまたはゼロを複製し（.）、それを2回否定（!!）してゼロ以外のカウンターを1に変えます。4*.(これに4を掛け、複製し、ヘビの終わり。

停止状態に到達していない場合、スタックに4があります。の後の4文字(が食べられ、制御はコードの先頭までループします。ここでは)、4文字を逆流し、ssnake 2のスタックに切り替えて、実行を継続します。
カウンターが過ぎたら、nスタックに0があり、何も食べられません。snsnake 2のスタックに切り替え、数値として最上位の値を出力します。その後1(、最後のキャラクターを食べて死にます。

その結果、製品(r+1)*(r+2)*...*nが計算されて出力されます。

やってみよう

コードスニペットを表示

// Define Stack class
function Stack() {
  this.stack = [];
  this.length = 0;
}
Stack.prototype.push = function(item) {
  this.stack.push(item);
  this.length++;
}
Stack.prototype.pop = function() {
  var result = 0;
  if (this.length > 0) {
    result = this.stack.pop();
    this.length--;
  }
  return result;
}
Stack.prototype.top = function() {
  var result = 0;
  if (this.length > 0) {
    result = this.stack[this.length - 1];
  }
  return result;
}
Stack.prototype.toString = function() {
  return "" + this.stack;
}

// Define Snake class
function Snake(code) {
  this.code = code;
  this.length = this.code.length;
  this.ip = 0;
  this.ownStack = new Stack();
  this.currStack = this.ownStack;
  this.alive = true;
  this.wait = 0;
  this.partialString = this.partialNumber = null;
}
Snake.prototype.step = function() {
  if (!this.alive) {
    return null;
  }
  if (this.wait > 0) {
    this.wait--;
    return null;
  }
  var instruction = this.code.charAt(this.ip);
  var output = null;
  console.log("Executing instruction " + instruction);
  if (this.partialString !== null) {
    // We're in the middle of a double-quoted string
    if (instruction == '"') {
      // Close the string and push its character codes in reverse order
      for (var i = this.partialString.length - 1; i >= 0; i--) {
        this.currStack.push(this.partialString.charCodeAt(i));
      }
      this.partialString = null;
    } else {
      this.partialString += instruction;
    }
  } else if (instruction == '"') {
    this.partialString = "";
  } else if ("0" <= instruction && instruction <= "9") {
    if (this.partialNumber !== null) {
      this.partialNumber = this.partialNumber + instruction;  // NB: concatenation!
    } else {
      this.partialNumber = instruction;
    }
    next = this.code.charAt((this.ip + 1) % this.length);
    if (next < "0" || "9" < next) {
      // Next instruction is non-numeric, so end number and push it
      this.currStack.push(+this.partialNumber);
      this.partialNumber = null;
    }
  } else if ("a" <= instruction && instruction <= "f") {
    // a-f push numbers 10 through 15
    var value = instruction.charCodeAt(0) - 87;
    this.currStack.push(value);
  } else if (instruction == "$") {
    // Toggle the current stack
    if (this.currStack === this.ownStack) {
      this.currStack = this.program.sharedStack;
    } else {
      this.currStack = this.ownStack;
    }
  } else if (instruction == "s") {
    this.currStack = this.ownStack;
  } else if (instruction == "S") {
    this.currStack = this.program.sharedStack;
  } else if (instruction == "l") {
    this.currStack.push(this.ownStack.length);
  } else if (instruction == "L") {
    this.currStack.push(this.program.sharedStack.length);
  } else if (instruction == ".") {
    var item = this.currStack.pop();
    this.currStack.push(item);
    this.currStack.push(item);
  } else if (instruction == "m") {
    var item = this.ownStack.pop();
    this.program.sharedStack.push(item);
  } else if (instruction == "M") {
    var item = this.program.sharedStack.pop();
    this.ownStack.push(item);
  } else if (instruction == "y") {
    var item = this.ownStack.top();
    this.program.sharedStack.push(item);
  } else if (instruction == "Y") {
    var item = this.program.sharedStack.top();
    this.ownStack.push(item);
  } else if (instruction == "\\") {
    var top = this.currStack.pop();
    var next = this.currStack.pop()
    this.currStack.push(top);
    this.currStack.push(next);
  } else if (instruction == "@") {
    var c = this.currStack.pop();
    var b = this.currStack.pop();
    var a = this.currStack.pop();
    this.currStack.push(c);
    this.currStack.push(a);
    this.currStack.push(b);
  } else if (instruction == ";") {
    this.currStack.pop();
  } else if (instruction == "+") {
    var b = this.currStack.pop();
    var a = this.currStack.pop();
    this.currStack.push(a + b);
  } else if (instruction == "-") {
    var b = this.currStack.pop();
    var a = this.currStack.pop();
    this.currStack.push(a - b);
  } else if (instruction == "*") {
    var b = this.currStack.pop();
    var a = this.currStack.pop();
    this.currStack.push(a * b);
  } else if (instruction == "/") {
    var b = this.currStack.pop();
    var a = this.currStack.pop();
    this.currStack.push(a / b);
  } else if (instruction == "%") {
    var b = this.currStack.pop();
    var a = this.currStack.pop();
    this.currStack.push(a % b);
  } else if (instruction == "_") {
    this.currStack.push(-this.currStack.pop());
  } else if (instruction == "I") {
    var value = this.currStack.pop();
    if (value < 0) {
      this.currStack.push(Math.ceil(value));
    } else {
      this.currStack.push(Math.floor(value));
    }
  } else if (instruction == ">") {
    var b = this.currStack.pop();
    var a = this.currStack.pop();
    this.currStack.push(+(a > b));
  } else if (instruction == "<") {
    var b = this.currStack.pop();
    var a = this.currStack.pop();
    this.currStack.push(+(a < b));
  } else if (instruction == "=") {
    var b = this.currStack.pop();
    var a = this.currStack.pop();
    this.currStack.push(+(a == b));
  } else if (instruction == "!") {
    this.currStack.push(+ !this.currStack.pop());
  } else if (instruction == "?") {
    this.currStack.push(Math.random());
  } else if (instruction == "n") {
    output = "" + this.currStack.pop();
  } else if (instruction == "o") {
    output = String.fromCharCode(this.currStack.pop());
  } else if (instruction == "r") {
    var input = this.program.io.getNumber();
    this.currStack.push(input);
  } else if (instruction == "i") {
    var input = this.program.io.getChar();
    this.currStack.push(input);
  } else if (instruction == "(") {
    this.length -= Math.floor(this.currStack.pop());
    this.length = Math.max(this.length, 0);
  } else if (instruction == ")") {
    this.length += Math.floor(this.currStack.pop());
    this.length = Math.min(this.length, this.code.length);
  } else if (instruction == "w") {
    this.wait = this.currStack.pop();
  }
  // Any unrecognized character is a no-op
  if (this.ip >= this.length) {
    // We've swallowed the IP, so this snake dies
    this.alive = false;
    this.program.snakesLiving--;
  } else {
    // Increment IP and loop if appropriate
    this.ip = (this.ip + 1) % this.length;
  }
  return output;
}
Snake.prototype.getHighlightedCode = function() {
  var result = "";
  for (var i = 0; i < this.code.length; i++) {
    if (i == this.length) {
      result += '<span class="swallowedCode">';
    }
    if (i == this.ip) {
      if (this.wait > 0) {
        result += '<span class="nextActiveToken">';
      } else {
        result += '<span class="activeToken">';
      }
      result += escapeEntities(this.code.charAt(i)) + '</span>';
    } else {
      result += escapeEntities(this.code.charAt(i));
    }
  }
  if (this.length < this.code.length) {
    result += '</span>';
  }
  return result;
}

// Define Program class
function Program(source, speed, io) {
  this.sharedStack = new Stack();
  this.snakes = source.split(/\r?\n/).map(function(snakeCode) {
    var snake = new Snake(snakeCode);
    snake.program = this;
    snake.sharedStack = this.sharedStack;
    return snake;
  }.bind(this));
  this.snakesLiving = this.snakes.length;
  this.io = io;
  this.speed = speed || 10;
  this.halting = false;
}
Program.prototype.run = function() {
  this.step();
  if (this.snakesLiving) {
    this.timeout = window.setTimeout(this.run.bind(this), 1000 / this.speed);
  }
}
Program.prototype.step = function() {
   for (var s = 0; s < this.snakes.length; s++) {
    var output = this.snakes[s].step();
    if (output) {
      this.io.print(output);
    }
  }
  this.io.displaySource(this.snakes.map(function (snake) {
      return snake.getHighlightedCode();
    }).join("<br>"));
 }
Program.prototype.halt = function() {
  window.clearTimeout(this.timeout);
}

var ioFunctions = {
  print: function (item) {
    var stdout = document.getElementById('stdout');
    stdout.value += "" + item;
  },
  getChar: function () {
    if (inputData) {
      var inputChar = inputData[0];
      inputData = inputData.slice(1);
      result = inputChar.charCodeAt(0);
    } else {
      result = -1;
    }
    var stdinDisplay = document.getElementById('stdin-display');
    stdinDisplay.innerHTML = escapeEntities(inputData);
    return result;
  },
  getNumber: function () {
    while (inputData && (inputData[0] < "0" || "9" < inputData[0])) {
      inputData = inputData.slice(1);
    }
    if (inputData) {
      var inputNumber = inputData.match(/\d+/)[0];
      inputData = inputData.slice(inputNumber.length);
      result = +inputNumber;
    } else {
      result = -1;
    }
    var stdinDisplay = document.getElementById('stdin-display');
    stdinDisplay.innerHTML = escapeEntities(inputData);
    return result;
  },
  displaySource: function (formattedCode) {
    var sourceDisplay = document.getElementById('source-display');
    sourceDisplay.innerHTML = formattedCode;
  }
};
var program = null;
var inputData = null;
function showEditor() {
  var source = document.getElementById('source'),
    sourceDisplayWrapper = document.getElementById('source-display-wrapper'),
    stdin = document.getElementById('stdin'),
    stdinDisplayWrapper = document.getElementById('stdin-display-wrapper');
  
  source.style.display = "block";
  stdin.style.display = "block";
  sourceDisplayWrapper.style.display = "none";
  stdinDisplayWrapper.style.display = "none";
  
  source.focus();
}
function hideEditor() {
  var source = document.getElementById('source'),
    sourceDisplay = document.getElementById('source-display'),
    sourceDisplayWrapper = document.getElementById('source-display-wrapper'),
    stdin = document.getElementById('stdin'),
    stdinDisplay = document.getElementById('stdin-display'),
    stdinDisplayWrapper = document.getElementById('stdin-display-wrapper');
  
  source.style.display = "none";
  stdin.style.display = "none";
  sourceDisplayWrapper.style.display = "block";
  stdinDisplayWrapper.style.display = "block";
  
  var sourceHeight = getComputedStyle(source).height,
    stdinHeight = getComputedStyle(stdin).height;
  sourceDisplayWrapper.style.minHeight = sourceHeight;
  sourceDisplayWrapper.style.maxHeight = sourceHeight;
  stdinDisplayWrapper.style.minHeight = stdinHeight;
  stdinDisplayWrapper.style.maxHeight = stdinHeight;
  sourceDisplay.textContent = source.value;
  stdinDisplay.textContent = stdin.value;
}
function escapeEntities(input) {
  return input.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
}
function resetProgram() {
  var stdout = document.getElementById('stdout');
  stdout.value = null;
  if (program !== null) {
    program.halt();
  }
  program = null;
  inputData = null;
  showEditor();
}
function initProgram() {
  var source = document.getElementById('source'),
    stepsPerSecond = document.getElementById('steps-per-second'),
    stdin = document.getElementById('stdin');
  program = new Program(source.value, +stepsPerSecond.innerHTML, ioFunctions);
  hideEditor();
  inputData = stdin.value;
}
function runBtnClick() {
  if (program === null || program.snakesLiving == 0) {
    resetProgram();
    initProgram();
  } else {
    program.halt();
    var stepsPerSecond = document.getElementById('steps-per-second');
    program.speed = +stepsPerSecond.innerHTML;
  }
  program.run();
}
function stepBtnClick() {
  if (program === null) {
    initProgram();
  } else {
    program.halt();
  }
  program.step();
}
function sourceDisplayClick() {
  resetProgram();
}
function stdinDisplayClick() {
    resetProgram();
}

.container {
    width: 100%;
}
.so-box {
    font-family:'Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: .3em .7em;
    font-size: 1em;
    line-height: 1.1;
    border: 1px solid #c47b07;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.15) inset;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    background: #f88912;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.15) inset;
}
.control {
    display: inline-block;
    border-radius: 6px;
    float: left;
    margin-right: 25px;
    cursor: pointer;
}
.option {
    padding: 10px 20px;
    margin-right: 25px;
    float: left;
}
h1 {
    text-align: center;
    font-family: Georgia, 'Times New Roman', serif;
}
a {
    text-decoration: none;
}
input, textarea {
    box-sizing: border-box;
}
textarea {
    display: block;
    white-space: pre;
    overflow: auto;
    height: 50px;
    width: 100%;
    max-width: 100%;
    min-height: 25px;
}
span[contenteditable] {
    padding: 2px 6px;
    background: #cc7801;
    color: #fff;
}
#stdout-container, #stdin-container {
    height: auto;
    padding: 6px 0;
}
#reset {
    float: right;
}
#source-display-wrapper , #stdin-display-wrapper{
    display: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    border: 1px solid black;
    box-sizing: border-box;
}
#source-display , #stdin-display{
    font-family: monospace;
    white-space: pre;
    padding: 2px;
}
.activeToken {
    background: #f93;
}
.nextActiveToken {
    background: #bbb;
}
.swallowedCode{
    color: #999;
}
.clearfix:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

<!--
Designed and written 2015 by D. Loscutoff
Much of the HTML and CSS was taken from this Befunge interpreter by Ingo Bürk: http://codegolf.stackexchange.com/a/40331/16766
-->
<div class="container">
<textarea id="source" placeholder="Enter your program here" wrap="off">Sr.r-s1(
)s.!+S1+.@@.@\<!@@*Ys.!+*S.!!4*.(sn1(</textarea>
<div id="source-display-wrapper" onclick="sourceDisplayClick()"><div id="source-display"></div></div></div><div id="stdin-container" class="container">
<textarea id="stdin" placeholder="Input" wrap="off">3P2</textarea>
<div id="stdin-display-wrapper" onclick="stdinDisplayClick()"><div id="stdin-display"></div></div></div><div id="controls-container" class="container clearfix"><input type="button" id="run" class="control so-box" value="Run" onclick="runBtnClick()" /><input type="button" id="pause" class="control so-box" value="Pause" onclick="program.halt()" /><input type="button" id="step" class="control so-box" value="Step" onclick="stepBtnClick()" /><input type="button" id="reset" class="control so-box" value="Reset" onclick="resetProgram()" /></div><div id="stdout-container" class="container"><textarea id="stdout" placeholder="Output" wrap="off" readonly></textarea></div><div id="options-container" class="container"><div class="option so-box">Steps per Second:
<span id="steps-per-second" contenteditable>20</span></div></div>

スニペットを展開

— DLosc
ソース

順列の楽しみ