如何在JavaScript中創建一個文本框和一個最長的單詞按鈕，以找到帶有文本框和最長單詞按鈕的HTML

-1

文件中的一個短語中最長的單詞。在「許多狗很好」的情況下，你可以識別任何最長的單詞。如何在JavaScript中創建一個文本框和一個最長的單詞按鈕，以找到帶有文本框和最長單詞按鈕的HTML

2015-05-15 Pam Freitag

請添加你在代碼方面都試過，也請解釋一下你的問題的更多細節。 –

我建議問這個問題有點不同，可能會問幾個問題。這裏有一系列更直接的問題，並會引導你找到正確的答案（你也可以google）：1）如何識別另一個字符串中最長的字符串（回答，第一個標記，然後循環和識別），2）如何在JS中執行此操作，3）如何放置文本框並按下頁面，4）如何使按鈕單擊運行一些JavaScript，5）如何讀取文本框的內容在JS中。 6）我如何在JS屏幕上寫文本。 – Parris

是得到一個字符串，並返回最長的單詞中有一個函數：

function getLongestWord(txt) { 
    var longestWord = ""; 
    var words = txt.split(" "); 
    for(var i = 0; i < words.length; i++) 
     if(words[i].length > longestWord.length) 
      longestWord = words[i]; 
    return longestWord; 
}

說明：

longestWord - 這在一開始是空的 - 將持有我們的電流最長的詞。
由於空格分隔不同的單詞，函數首先根據空格字符拆分輸入字符串並將它們存儲到數組中。
我們遍歷單詞數組並檢查每個單詞的長度。如果這個新單詞有更大的長度，它將會替換longestWord, 否則不會改變，我們轉到下一個單詞直到檢查完所有單詞。

HTML：

<textarea id="myText"></textarea> 
<button id="longestBtn">Find the longest word</button> 
<input id="longestWrd" type="text" disabled />

的Javascript：

var btn = document.getElementById('longestBtn'); 
btn.addEventListener('click', function() { 
    var txt = document.getElementById('myText').value; 
    var lw = getLongestWord(txt); 
    var wrd = document.getElementById('longestWrd'); 
    wrd.value = lw + " (" + lw.length + ")"; 
});

jsfiddle DEMO

測試輸入：

帶有文本框和最長字按鈕的文件。在中的關係「許多狗很好」的情況下，您可以識別任何最長的詞作爲最長的。

輸出：

識別（8）

來源

2015-05-15 05:37:30 Samurai

這個答案很有用，但我認爲你應該描述這個理論，而不僅僅是給出答案。 – Parris

添加了解釋部分，謝謝。 – Samurai

如何在JavaScript中創建一個文本框和一個最長的單詞按鈕，以找到帶有文本框和最長單詞按鈕的HTML

回答

相關問題