javascript - Need help debugging vowel counting JS -

-

this question exact duplicate of:

i need debug segment of code class , have fixed number of things i'm not sure why doesnt work. supposed count number of vowels in phrase , return them in div element believe. returns "undefined vowels"

here html

<!doctype html> <html> <!-- vowels.html --> <head>     <meta charset="utf-8">     <title>vowels</title>        <link rel="stylesheet" href="../css/easy.css">           <script src="vowels.js"></script> </head>  <body>     <header>         <h1>i'd buy vowel</h1>     </header>      <main>         <label>             type phrase here:             <input type='text' id='textbox'> </input>         </label>         <button id='countbtn' type='button'> <!--changed countbutton countbtn-->             count vowels (a,e,i,o,u)         </button>          <div id='outputdiv'>         </div>     </main>      <footer>         <hr>          <p>&copy; uo cis 111 2015 april&trade; llc</p>     </footer>    </body> </html>

and here js

function countvowels() {     var textbox, phrase, i, plength, letter, vowelcount; //removed alert count vowels     textbox = document.getelementbyid('textbox'); //corrected spelling of   element     phrase = textbox.value;     phrase = phrase.tolowercase;  //switched lower case     for(i = 0; < phrase.length; i+= 1)  {         letter = phrase[i];         if (letter == 'a' ||  letter == 'e' || letter == 'i' || letter == 'o' ||  letter == 'u') { //fixed spelling of letter. added = in letter = 'e'             vowelcount = vowelcount + 1;            }     }     alert(vowelcount + ' vowels');     var outarea = document.getelementbyid('outputdiv'); //corrected     outputdiv instead of outputid , put document. in front of getelement     outarea.innerhtml = vowelcount + ' vowels in ' + phrase; }  function init(){     alert('init vowels');     var counttag = document.getelementbyid('countbtn'); //switched semi-   colon , condensed single line     counttag.onclick = countvowels; }  window.onload = init;

here jsfiddle

you can use regexp slimmer code: http://jsfiddle.net/4o67u3js/

html:

<p id = "text">     lorem ipsum dolor sit amet. </p> <p id = "result"># of vowels: <span></span></p>

js:

$(function() {     var vowelscount = $("#text").text().match(/[aeiou]/gi).length;     $("#result > span").html(vowelscount); });

here's more algorithmic solution. and, yes defines function on prototype , opposed practice can rewrite function imperatively.

plain js:

var str = "lorem ipsum dolor sit amet.";  string.prototype.vowelscount = function() {     var str = this.tolowercase(),         len = str.length,         index = 0,         vowels = ["a", "e", "i", "o", "u"],         count = 0;      for( ; index < len; vowels.indexof(str[index++]) !== -1 ? count++ : count);      return count; };  console.log(str.vowelscount());

Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more