JavaScript是一種能夠輕易地操作網頁上各元素的編程語言。其中最常見的應用之一就是讀取用戶輸入的文章。這種需求在許多場景下都是很必要的，比如在論壇、博客或社交媒體上進行內容發布。下面就讓我們來看一下如何用JavaScript讀取用戶輸入的文章。
首先，我們需要知道如何從用戶輸入框中獲取輸入的文字。我們可以通過getElementById()函數來獲取輸入框的值，并將其存儲到一個變量中。例如，下面這段代碼演示了如何通過id獲取輸入框的值：

<code>
<p>下面是一個文本框，請輸入一篇文章并提交：</p>
<textarea id="myTextArea"></textarea>
<button onclick="getInput()">提交</button>
<p id="display"></p>
<script>
function getInput() {
var input = document.getElementById("myTextArea").value;
document.getElementById("display").innerHTML = input;
}
</script>
</code>

以上代碼會在頁面上呈現一個文本框和一個“提交”按鈕，當用戶在文本框中輸入內容并點擊“提交”按鈕后，頁面上將顯示用戶輸入的內容。
除了可以通過id獲取輸入框的值，還有一些其他方式。比如，我們可以通過name屬性獲取文本框的值。例如，下面這段代碼可以演示如何使用name屬性來獲取值：

<code>
<p>下面是一個輸入框，請輸入一篇文章并提交：</p>
<input type="text" name="myInput" id="myInput" />
<button onclick="getInput()">提交</button>
<p id="display"></p>
<script>
function getInput() {
var input = document.getElementsByName("myInput")[0].value;
document.getElementById("display").innerHTML = input;
}
</script>
</code>

在以上代碼中，我們在input標簽中定義了一個name屬性，然后在getInput()函數中使用getElementsByName()方法來獲取該值。請注意，getElementsByName()返回的是一個數組，因此需要使用[0]來訪問第一個元素。最后，我們使用innerHTML來將獲取到的值輸出在頁面上。
除了通過id或name獲取輸入框的值之外，我們還可以通過class獲取值。這種方法比較靈活，因為我們可以在文本框中添加一個或多個類，并使用這些類來獲取值。例如，下面這段代碼演示了如何獲取class為“myClass”的文本框的值：

<code>
<p>下面是一個輸入框，請輸入一篇文章并提交：</p>
<input type="text" class="myClass" />
<button onclick="getInput()">提交</button>
<p id="display"></p>
<script>
function getInput() {
var inputs = document.getElementsByClassName("myClass");
var input = inputs[0].value;
document.getElementById("display").innerHTML = input;
}
</script>
</code>

在以上代碼中，我們定義了一個class為“myClass”的文本框，并在getInput()函數中使用getElementsByClassName()方法來獲取該文本框。請注意，getElementsByClassName()返回的是一個數組，因此我們需要使用數組索引來訪問該元素的值。
在讀取用戶輸入的文章時，我們還需要考慮文本框的格式和內容長度。如果用戶在文本框中輸入了超過1000個字符的文章，我們可能需要截斷該文章或給出一個警告。例如，下面這段代碼演示了如何截斷用戶輸入的文章：

<code>
<p>下面是一個輸入框，請輸入一篇文章并提交（限1000個字符）：</p>
<textarea id="myTextArea" maxlength="1000"></textarea>
<button onclick="getInput()">提交</button>
<p id="display"></p>
<script>
function getInput() {
var input = document.getElementById("myTextArea").value;
if (input.length > 1000) {
input = input.substring(0, 1000);
alert("文章超過1000個字符，已自動截斷。");
}
document.getElementById("display").innerHTML = input;
}
</script>
</code>

在以上代碼中，我們在textarea標簽中添加了一個maxlength屬性，該屬性限制了文本框中輸入的最大字符數為1000個。在getInput()函數中，我們使用了input.substring(0, 1000)來獲取用戶輸入的前1000個字符，并通過alert()函數給出了一個警告。
總之，使用JavaScript讀取用戶輸入的文章是一項非常重要和常見的任務。只要掌握了獲取輸入框值的技巧，就能夠輕松地完成這一任務。除此之外，我們還需要考慮文本框的格式和長度等因素，以便提供更好的用戶體驗。