"JS" steht als Abkürzung für JavaScript. JavaScript ist eine weit verbreitete Programmiersprache, die hauptsächlich zur Entwicklung von interaktiven und dynamischen Inhalten a... [mehr]
Ein einfacher Texteditor in JavaScript mit Zeilennummern.
AntwortEin einfacher Texteditor in JavaScript, der Zeilennummern anzeigt, kann mit HTML, CSS und JavaScript erstellt werden. Hier ist ein einfaches Beispiel: ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="" content="width=device-width, initial-scale=1.0"> <title>Einfacher Texteditor</title> <style> body { display: flex; font-family: Arial, sans-serif; } #editor { width: 100%; height: 400px; padding: 10px; border: 1px solid #ccc; overflow: auto; resize: none; font-family: monospace; } #lineNumbers { padding: 10px; border-right: 1px solid #ccc; background: #f0f0f0; text-align: right; user-select: none; } </style> </head> <body> <div id="lineNumbers"></div> <textarea id="editor" oninput="updateLineNumbers()" onscroll="syncScroll()"></textarea> <script> function updateLineNumbers() { const editor = document.getElementById('editor'); const lineNumbers = document.getElementById('lineNumbers'); const lines = editor.value.split('\n').length; lineNumbers.innerHTML = Array.from({ length: lines }, (_, i) => i + 1).join('<br>'); } function syncScroll() { const editor = document.getElementById('editor'); const lineNumbers = document.getElementById('lineNumbers'); lineNumbers.scrollTop = editor.scrollTop; } </script> </body> </html> ``` In diesem Beispiel wird ein einfaches Textfeld (`textarea`) verwendet, um den Text einzugeben, und ein `div`, um die Zeilennummern anzuzeigen. Die Funktion `updateLineNumbers` aktualisiert die Zeilennummern basierend auf dem Inhalt des Textfelds, während `syncScroll` dafür sorgt, dass die Zeilennummern mit dem Scrollen des Textfelds synchronisiert werden.
Verwandte Fragen
Was sind Hooks in React?
Hooks in React sind spezielle Funktionen, die es ermöglichen, in Funktionskomponenten auf React-Features wie State und Lifecycle-Methoden zuzugreifen. Sie wurden mit React 16.8 eingeführt, u... [mehr]
Wie entfernt man per JavaScript alle Leerzeichen und Punkte aus dem HTML-Formularfeld 'parcel_id'?
Um aus dem Wert eines HTML-Formularfelds namens `parcel_id` alle Leerzeichen und Punkte per JavaScript zu entfernen, kannst du folgenden Code verwenden: ```javascript // Beispiel: Annahme, das Feld h... [mehr]
Wie groß können Zahlen in JavaScript-Variablen sein?
In JavaScript können Zahlen (Number-Typ) bis zu einem bestimmten Wert genau dargestellt werden. Der Standard-Zahlentyp ist ein 64-Bit-Gleitkommawert nach IEEE 754. Die größten und klei... [mehr]
