From 0b644f6471ee2a43cbf41e4255aae4d1701a80a3 Mon Sep 17 00:00:00 2001 From: Able Date: Tue, 28 Dec 2021 03:35:10 -0600 Subject: [PATCH] first commit --- base.css | 19 +++++++++++++++ editor.html | 22 +++++++++++++++++ main.js | 68 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 109 insertions(+) create mode 100644 base.css create mode 100644 editor.html create mode 100644 main.js diff --git a/base.css b/base.css new file mode 100644 index 0000000..b0b5308 --- /dev/null +++ b/base.css @@ -0,0 +1,19 @@ +body { + background:black; + color: white; + +} + + +line { + margin: 0; + overflow-x: hidden; +} + + + +.bottomBar{ + width: 99%; + position: absolute; + bottom: 0; +} \ No newline at end of file diff --git a/editor.html b/editor.html new file mode 100644 index 0000000..4cbf8cc --- /dev/null +++ b/editor.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +
+
+
+
+

0

+
+ + + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..c97736a --- /dev/null +++ b/main.js @@ -0,0 +1,68 @@ +document.addEventListener('DOMContentLoaded', function (event) { + + + const log = document.getElementById('textArea'); + let lineNum = 1; + let columnCount = 0; + updateCount(); + + const newLine = document.createElement("Line"); + newLine.setAttribute("id", "line" + lineNum); + + log.appendChild(newLine); + + document.addEventListener('keydown', keyPress); + + function keyPress(event) { + if (event.key == "Enter") { + const lineBreak = document.createElement("br"); + log.appendChild(lineBreak); + lineNum = lineNum + 1; + + columnCount = 0; + + + + const newLine = document.createElement("Line"); + newLine.setAttribute("id", "line" + lineNum); + + log.appendChild(newLine); + + } else if (event.key == "Shift") { + } else if (event.key == "Control") { + } else if (event.key == "Backspace") { + const line = document.getElementById("line" + lineNum); + + if (line.textContent.length > 0) { + line.textContent = line.textContent.slice(0, -1); + + columnCount = columnCount - 1; + } else if (lineNum > 1) { + columnCount = 0; + line.remove(); + lineNum = lineNum - 1; + log.lastElementChild.remove(); + } + + + } else { + const line = document.getElementById("line" + lineNum); + line.textContent = line.textContent + event.key; + // log.appendChild(text); + columnCount = columnCount + 1; + + } + updateCount(); + } + + + function updateCount() { + const lineCount = document.getElementById("count"); + lineCount.textContent = "Line Count: " + lineNum + " | Column Count: " + columnCount; + } +}) + + + + +