弄清楚哪种形式的词最长?

时间:2015-05-16 01:20:49

标签: javascript html find

所以我的html中有一个表单,只是让人们输入他们喜欢的内容。现在在我的javascript中,我需要这样做,当你按下按钮时,它会返回他们在表单中输入的短语中最长的单词。我不得不制作一个早期的版本来计算元音,我假设我可以编辑某种方式,而不是看看最长的单词是什么。

这是我的HTML,

<!doctype html>
<html>
<head>
    <script src='p3-vowels.js'></script>
</head> 
<body>
    <form action="demo_form.asp" id = "demo_form">
    Phrase: <input type="text" name="CheckLongest" value="Put Phrase Here">  <br>
    <input type="button" id = "btn1" value="Check for Longest Word">
    </form>
</body>
</html>

这是我的JS目前编码来计算元音。

function vow(form) {
  var a = form.CountLongest.value;
  flag = 0;

  for (var i = 0; i < a.length; i++) {
    switch (a[i].toLowerCase()) {
      case 'a':
      case 'e':
      case 'i':
      case 'o':
      case 'u':
      flag++;
      break;
    }
  }
  alert(flag);
}

function init() {
    var button1 = document.getElementById("btn1")
    button1.onclick = function() {
      vow(document.getElementById('demo_form'));
    };
}

window.onload = init;

1 个答案:

答案 0 :(得分:0)

请尝试以下方法。

function longestWord(string) {
    var str = string.split(" ");
    var longest = 0;
    var word = null;
    str.forEach(function(str) {
        if (longest < str.length) {
            longest = str.length;
            word = str;
        }
    });
    return word;
}
console.log(longestWord("Figure out which word of the form is the longest"));