From df92b9c24f26dcfc50dbc5990683958904b14682 Mon Sep 17 00:00:00 2001
From: Derick Rethans <github@derickrethans.nl>
Date: Fri, 14 Feb 2025 15:53:13 +0000
Subject: [PATCH] Have a better button position and say if there is no output

---
 js/interactive-examples.js | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/js/interactive-examples.js b/js/interactive-examples.js
index 808bf2f858..8a2e692482 100644
--- a/js/interactive-examples.js
+++ b/js/interactive-examples.js
@@ -7,16 +7,24 @@ function generateExampleOutputTitle(phpVersion) {
 function createOutput(output) {
   const container = document.createElement("div");
   container.classList.add("screen", "example-contents");
+
+  if (output != "") {
+    const title = document.createElement("p");
+    title.innerText = generateExampleOutputTitle(PHP.version);
+    container.appendChild(title);
+    const div = document.createElement("div");
+    div.classList.add("examplescode");
+    container.appendChild(div);
+    const pre = document.createElement("pre");
+    pre.classList.add("examplescode");
+    pre.innerText = output;
+    div.appendChild(pre);
+    return container;
+  }
+
   const title = document.createElement("p");
-  title.innerText = generateExampleOutputTitle(PHP.version);
+  title.innerText = "This example did not produce any output."
   container.appendChild(title);
-  const div = document.createElement("div");
-  div.classList.add("examplescode");
-  container.appendChild(div);
-  const pre = document.createElement("pre");
-  pre.classList.add("examplescode");
-  pre.innerText = output;
-  div.appendChild(pre);
   return container;
 }
 
@@ -91,7 +99,7 @@ async function main() {
       PHP.buffer.length = 0;
     };
 
-    phpcode.before(button);
+    phpcode.after(button);
   });
 }