Возвращает true, если это гласный, false иначе

Question

Ниже приведен мой код для выяснения, является ли символ гласным или нет. Но когда я запускаю его, он не распечатывает true или false.

Может кто-нибудь, пожалуйста, помогите мне увидеть, что я делаю неправильно?

var vowel = function(str) { 
 
    var matches = str.match(/[aeiou]/gi); 
 
    var count = matches ? matches.length : 0; 
 

 
    document.getElementByID('p').innerHTML = "'" + str + "contains" + count + "vowel(s)"; 
 

 
    return false; 
 
} 
 

 
vowel(str);

<form> 
 
    <input type="text" name='t1'> 
 
    <input type='submit' value="SUBMIT" onclick='return vowel(this.form.t1.v'> 
 
    <div id="p"></div> 
 
</form>

Answer 1

Вместо document.getElementByID попробовать document.getElementById

Answer 2

У вас есть несколько проблем с кодом.

1- getElementByID должен быть getElementById

2- Вы не закрывал кронштейн для вызова функции vowel(this.form.t1.v

3- t1.v не является свойством. Вы имели в виду использовать t1.value

var vowel = function(str) { 
 
    var matches = str.match(/[aeiou]/gi); 
 
    var count = matches ? matches.length : 0; 
 

 
    document.getElementById('p').innerHTML = "'" + str + "' contains " + count + " vowel(s)"; 
 

 
    return false; 
 
}

<form> 
 
    <input type="text" name="t1" /> 
 
    <input type='submit' value="SUBMIT" onclick='return vowel(this.form.t1.value);' /> 
 
    <div id="p"></div> 
 
</form>