计数输入的元音？ [英] Count the vowels of an input?
问题描述
我尝试使用目前没有成功的JavaScript来算的形式输入在我的HTML元音。
下面是我的HTML
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT;脚本的src ='P3-vowels.js'＆GT;＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;形式的行动=demo_form.asp＆GT;
一句话：＆LT;输入类型=文本ID =输入1NAME =CountVowelsVALUE =将词语在这里＆GT;＆LT; BR＆GT;
＆LT;输入类型=按钮ID =BTN1VALUE =检查元音＆GT;
＆LT; /表及GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
和这里是我的JavaScript
函数誓言（形式）{
VAR一个= form.CountVowels.value;
标志= 0; 对于（VAR I = 0; I＆LT;则为a.length;我++）{
开关（一个由[i]）{
案一
案例'E'
案例'我'
案例'O'
案例'U'
标志++;
打破;
}
}
警报（标志）;
}功能的init（）{
VAR按钮1 =的document.getElementById（BTN1）
button1.onclick =誓言;
}在window.onload = init;方法
另一个选择到其他的答案是使用常规的前pression。这不一定是更容易理解，或特别有效，但我给它作为替代。 （这也继续证明谚语：给予100程序员来解决一个问题，你会得到100解决方案）
在JavaScript中使用会匹配所有元音下面前pression，您可以使用返回数组，看看有多少...
/ [AEIOU] / IG
的 I 使得它不区分大小写，以及先按g 意味着全球因此将多次回暖。
下面是它在行动...
函数誓言（形式）{\r
VAR一个= form.CountVowels.value;\r
VAR匹配= a.match（/ [AEIOU] / IG）;\r
VAR标志= 0;\r
如果（匹配！= NULL）\r
标志= matches.length;\r
警报（标志）;\r
}\r
\r
功能的init（）{\r
VAR按钮1 =的document.getElementById（BTN1）\r
button1.onclick =功能（）{誓言（的document.getElementById（MyForm的））; }\r
}\r
\r
在window.onload = init;方法 \r
＆LT;表ID =MyForm的行动=demo_form.asp＆GT;\r
一句话：＆LT;输入类型=文本ID =输入1NAME =CountVowelsVALUE =将词语在这里＆GT;＆LT; BR＆GT;\r
＆LT;输入类型=按钮ID =BTN1VALUE =检查元音＆GT;\r
＆LT; /形式为GT; \r
Hi I am trying to count the vowels of the input of the form in my HTML using javascript currently with no success.
Here is my HTML
<!doctype html>
<html>
<head>
<script src='p3-vowels.js'></script>
</head>
<body>
<form action="demo_form.asp">
Phrase: <input type="text" id = "input1" name="CountVowels" value="Put Phrase Here"><br>
<input type="button" id = "btn1" value="Check for Vowels">
</form>
</body>
</html>
and here is my javascript
function vow(form){
var a = form.CountVowels.value;
flag = 0;
for (var i = 0; i < a.length; i++){
switch (a[i]){
case 'a'
case 'e'
case 'i'
case 'o'
case 'u'
flag++;
break;
}
}
alert(flag);
}
function init(){
var button1 = document.getElementById("btn1")
button1.onclick = vow;
}
window.onload = init;
Another option to the other answers is to use a regular expression. This is not necessarily easier to understand, or particularly efficient, but I'm giving it as an alternative. (It also continues to prove the proverb: give a 100 programmers a problem to solve and you'll get 100 solutions)
The following expression used in javascript will match all the vowels, and you can use the returning array to see how many there are...
/[aeiou]/ig
The i makes it case insensitive, and the g means global so it will pick up multiple times.
Here is it in action...
function vow(form){
var a = form.CountVowels.value;
var matches = a.match(/[aeiou]/ig);
var flag = 0;
if (matches != null)
flag = matches.length;
alert(flag);
}
function init(){
var button1 = document.getElementById("btn1")
button1.onclick = function() { vow(document.getElementById("myform")); }
}
window.onload = init;
<form id="myform" action="demo_form.asp">
Phrase: <input type="text" id = "input1" name="CountVowels" value="Put Phrase Here"><br>
<input type="button" id = "btn1" value="Check for Vowels">
</form>
这篇关于计数输入的元音？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
