Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>x-postpress-code</title>
</head>
<body>
  <h1>&lt;<a href="https://karlherrick.com/2020/12/12/code-highlighting/">x-postpress-code</a>&gt;</h1>
  <p>Code syntax highlighting using x-postpress-code.</p>
  <section>
    <h3>code defined within the default slot:</h3>
    <p>fibonacci without memoization</p>
    <x-postpress-code type="javascript"><pre>
const fibonacci = (n) => {
  return (n === 0 || n === 1)
    ? n
    : fibonacci(n - 1) + fibonacci(n - 2)
}
[0,1,2,3,4,10,15,20,25,30,35,40,45].forEach(
  (v) => console.log(fibonacci(v))
)</pre></x-postpress-code>
  </section>
  <section>
    <h3>lazy loaded code:</h3>
    <p>fibonacci with memoization</p>
    <x-postpress-code
      type="javascript"
      src="https://gist.githubusercontent.com/kherrick/b08d758d7f2b0e4a330136371154aaaf/raw/979dbced786e87c743fd521e3134f823f1abe9bb/fibonacci-with-memoization.js"
    ></x-postpress-code>
  </section>
  <script
    src="https://unpkg.com/x-postpress-code@1.0.3"
    type="module"
  ></script>
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers