diff --git a/docs/labs/oob1.html b/docs/labs/oob1.html
index 2e7d202b..9837a624 100644
--- a/docs/labs/oob1.html
+++ b/docs/labs/oob1.html
@@ -7,147 +7,11 @@
 <link rel="stylesheet" href="checker.css">
 <script src="js-yaml.min.js"></script>
 <script src="checker.js"></script>
+<script src="oob1.js"></script>
 <link rel="license" href="https://creativecommons.org/licenses/by/4.0/">
 
 <!-- See create_labs.md for how to create your own lab! -->
 
-<!-- Sample expected answer -->
-<script id="expected0" type="plain/text">
-  if (1 + 2 + 16 > s->s3->rrec.length)
-    return 0;
-</script>
-<!--
--->
-<script id="expected1" type="plain/text">
-  if (1 + 2 + payload + 16 > s->s3->rrec.length)
-    return 0;
-</script>
-
-<!-- Full pattern of correct answer -->
-<script id="correct0" type="plain/text">
-\s*
-  if \( (NINETEEN > FULL_LENGTH|FULL_LENGTH < NINETEEN) \)
-  RETURN0
-\s*
-</script>
-<script id="correct1" type="plain/text">
-\s*
-  if \( (PAYLOAD_LENGTH > FULL_LENGTH|FULL_LENGTH < PAYLOAD_LENGTH) \)
-  RETURN0
-\s*
-</script>
-
-<script id="info" type="application/yaml">
----
-hints:
-- absent: "if"
-  text: Begin with "if" as we will return 0 when there is a problem.
-- absent: |
-    \(
-  text: Need "(...)" around the condition after an if statement.
-- absent: |
-    >
-  text: Need comparison "if ( ... > ....)"
-- absent: s -> s3 -> rrec \. length
-  text: Need to compare a value with s->s3->rrec.length
-- absent: return
-  text: Need "return 0;" to skip attempts to send a too-long response.
-definitions:
-- term: NINETEEN
-  value: |
-      (1 \+ 2 \+ 16|19)
-- term: NINETEEN
-  value: |
-      (NINETEEN|\( NINETEEN \))
-- term: PAYLOAD_LENGTH
-  value: (1 \+ 2|3) \+ payload \+ 16
-- term: PAYLOAD_LENGTH
-  value: (PAYLOAD_LENGTH|payload \+ NINETEEN|NINETEEN \+ payload)
-- term: PAYLOAD_LENGTH
-  value: |
-      (PAYLOAD_LENGTH|\( PAYLOAD_LENGTH \))
-- term: RETURN0
-  value: |
-    return \s+ 0 ;
-- term: FULL_LENGTH
-  value: |
-    s -> s3 -> rrec \. length
-- term: RETURN0
-  value: |
-    (RETURN0|\{ RETURN0 \})
-# - present: "import"
-#   text: Yes, many JavaScript implementations support an import statement.
-#     However, in this exercise we will use a require form. Please use that
-#     instead.
-#   examples:
-#   - - 'import express from "express";'
-# - absent: "const"
-#   text: Start with const.
-# - absent: 'const\s+helmet ='
-#   text: Create a constant name named helmet using the form const helmet = ...
-#   examples:
-#   - - 'const'
-#   - - 'consthelmet = '
-# - present: 'require \( helmet \)'
-#   text: The parameter of a requirement statement must be string.
-#     Surround the term helment with double-quotes.
-#   examples:
-#   - - '  const helmet = require(helmet);'
-# - absent: "; $"
-#   text: JavaScript doesn''t require semicolon terminators, but the rest of
-#     the code uses them. You should try to match a coding style when modifying
-#     existing code unless there''s an important reason not to.
-#     Please update the first statment.
-#   examples:
-#   - - '  const helmet = require("helmet")'
-# - absent: '\s* app \. use \( helmet \( \{'
-#   index: 1
-#   text: Your code should begin with app.use(helmet({
-# - absent: |
-#     \s* app \. use \( helmet \( \{
-#           contentSecurityPolicy: \{ \s*
-#   index: 1
-#   text: |
-#     Your code should begin with:
-#     app.use(helmet({
-#       contentSecurityPolicy: {
-# - absent: |
-#     \s* app \. use \( helmet \( \{
-#           contentSecurityPolicy: \{
-#             directives: \{ \s*
-#   index: 1
-#   text: |
-#     Your code should begin with:
-#     app.use(helmet({
-#       contentSecurityPolicy: {
-#             directives: {
-# - absent: |
-#     \s* app \. use \( helmet \( \{
-#           contentSecurityPolicy: \{
-#             directives: \{
-#                 "script-src": \[ "'self'" , ["']https://example.com["'] \] , \s*
-#   index: 1
-#   text: |
-#     Your code should continue with:
-#     app.use(helmet({
-#       contentSecurityPolicy: {
-#             directives: {
-#               "script-src": ["'self'", "https://example.com"],
-# - absent: |
-#     "style-src": \[ "'self'" \]
-#   index: 1
-#   text: |
-#     Don't forget to include "style-src": ["'self'"]
-# - absent: '; $'
-#   index: 1
-#   text: JavaScript doesn''t require semicolon terminators, but the rest of
-#     the code uses them. You should try to match a coding style when modifying
-#     existing code unless there''s an important reason not to.
-#     Please update the second statment.
-# - text: I do not have more specific hints to provide. Please ensure that
-#     the parentheses, braces, and brackets pair correctly.
-# # debug: true
-</script>
 </head>
 <body>
 <!-- For GitHub Pages formatting: -->
diff --git a/docs/labs/oob1.js b/docs/labs/oob1.js
new file mode 100644
index 00000000..f87acd8c
--- /dev/null
+++ b/docs/labs/oob1.js
@@ -0,0 +1,87 @@
+info =
+{
+  hints: [
+    {
+      absent: "if",
+      text: "Begin with \"if\" as we will return 0 when there is a problem."
+    },
+    {
+      absent: String.raw`\(`,
+      text: "Need \"(...)\" around the condition after an if statement."
+    },
+    {
+      absent: ">",
+      text: "Need comparison \"if ( ... > ....)\""
+    },
+    {
+      absent: String.raw`s -> s3 -> rrec \. length`,
+      text: "Need to compare a value with s->s3->rrec.length"
+    },
+    {
+      absent: "return",
+      text: "Need \"return 0;\" to skip attempts to send a too-long response."
+    }
+  ],
+  definitions: [
+    {
+      term: "NINETEEN",
+      value: String.raw`(1 \+ 2 \+ 16|19)`
+    },
+    {
+      term: "NINETEEN",
+      value: String.raw`(NINETEEN|\( NINETEEN \))`
+    },
+    {
+      term: "PAYLOAD_LENGTH",
+      value: String.raw`(1 \+ 2|3) \+ payload \+ 16`
+    },
+    {
+      term: "PAYLOAD_LENGTH",
+      value: String.raw`(PAYLOAD_LENGTH|payload \+ NINETEEN|NINETEEN \+ payload)`
+    },
+    {
+      term: "PAYLOAD_LENGTH",
+      value: String.raw`(PAYLOAD_LENGTH|\( PAYLOAD_LENGTH \))`
+    },
+    {
+      term: "RETURN0",
+      value: String.raw`return \s+ 0 ;`
+    },
+    {
+      term: "FULL_LENGTH",
+      value: String.raw`s -> s3 -> rrec \. length`
+    },
+    {
+      term: "RETURN0",
+      value: String.raw`(RETURN0|\{ RETURN0 \})`
+    },
+  ],
+  expected: [
+    `if (1 + 2 + 16 > s->s3->rrec.length)
+       return 0;`,
+    `if (1 + 2 + payload + 16 > s->s3->rrec.length)
+      return 0;`
+  ],
+  correct: [
+    String.raw` \s*
+      if \( (NINETEEN > FULL_LENGTH|FULL_LENGTH < NINETEEN) \)
+        RETURN0 \s*`,
+    String.raw` \s*
+      if \( (PAYLOAD_LENGTH > FULL_LENGTH|FULL_LENGTH < PAYLOAD_LENGTH) \)
+        RETURN0 \s*`,
+  ],
+  successes: [
+    [
+      ` if ( s -> s3 -> rrec . length < 19 )
+         return 0 ;`,
+      ` if ( s -> s3 -> rrec . length < payload + 19 )
+         return 0;`
+    ],
+    [
+      `if(s->s3->rrec.length<19)
+         return 0 ;`,
+      `if(s->s3->rrec.length<payload+19)
+         return 0;`
+    ],
+  ],
+}