From fbbc7b9567a0741fab840f2eea0803dd6a94a702 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=88=9A=28noham=29=C2=B2?=
 <100566912+NohamR@users.noreply.github.com>
Date: Sun, 15 Jun 2025 20:19:05 +0200
Subject: [PATCH] Add filename

---
 index.html | 1 +
 index.js   | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/index.html b/index.html
index 74e25cb..0768d93 100644
--- a/index.html
+++ b/index.html
@@ -81,6 +81,7 @@
     <textarea spellcheck="false" placeholder="Enter code ..."></textarea>
   </div>
   <div id="print-area">
+    <h2 id="displayed-filename"></h2>
     <div id="code-container">
       <div class="code-line">
         <span class="line-number">1</span>
diff --git a/index.js b/index.js
index 0ea9b66..7afcaf3 100644
--- a/index.js
+++ b/index.js
@@ -9,6 +9,7 @@ const themeSelector = document.getElementById('themes');
 const codeContainer = document.getElementById('code-container');
 const fontSizeSlider = document.getElementById('font-size-slider');
 const fontSizeValue = document.getElementById('font-size-value');
+const displayedFilename = document.getElementById('displayed-filename');
 let selectedLanguage = localStorage.getItem('language') || 'javascript';
 let selectedTheme = localStorage.getItem('theme') || 'github-dark';
 let codeText = localStorage.getItem('code') || 'console.log("Hello World")';
@@ -30,6 +31,7 @@ updateCode();
 // Attach event listeners
 printBtn.addEventListener('click', () => {
     updateCode();
+    displayedFilename.textContent = documentNameInput.value || 'Code';
     let optGroup = themeSelector.options[themeSelector.selectedIndex].parentNode;
     const lineNumbers = document.querySelectorAll('.line-number');
     const root = document.documentElement;
@@ -56,6 +58,11 @@ codeTextArea.addEventListener('input', () => {
     codeText = codeTextArea.value;
     localStorage.setItem('code', codeText);
     code.innerHTML = escapeHtml(codeText);
+    displayedFilename.textContent = documentNameInput.value || 'Code';
+});
+
+documentNameInput.addEventListener('input', () => {
+    displayedFilename.textContent = documentNameInput.value || 'Code';
 });
 
 languageSelector.addEventListener('change', () => {