barely started, added html page for testing

kevb34ns · kevb34ns · commit 8c9f10951565 · 2017-04-17T23:29:49.000-07:00
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@ A simple JavaScript function for converting pinyin containing tone numbers (`pin
 The function `pinyinify()` takes a string parameter, which can be one of the following:
 
 + A single character, which must be one of: `a`, `e`, `i`, `o`, `u`, or <code>&#252;</code>, followed by a tone mark. `v` is an acceptable substitute for <code>&#252;</code>.
-+ A pinyin word or phrase using tone numbers. Examples: `mao1`, `chi1fan4`, `wo3men5`. For simplicity's sake, the function will process most words with tone numbers, including ones that may not be valid pinyin.
++ A pinyin word or phrase using tone numbers. Examples: `mao1`, `chi1fan4`, `wo3 men5`. For simplicity's sake, the function will process most words with tone numbers, including ones that may not be valid pinyin.
 + A string containing both pinyin words and non-pinyin words, characters, or symbols. Example: `My Chinese name is yang2kai3wen2.` **Be careful:** any word that resembles the structure of pinyin (has a number at the end of it, for example) may be given tone marks. Therefore, it is recommended that you avoid this option if possible.
 
 If you pass a string that meets one of the requirements above, the function will return a string with the tone numbers converted to tone marks. Otherwise, it will return an unchanged string.
diff --git a/pinyinify.js b/pinyinify.js
@@ -1,4 +1,19 @@
 
+var isAlpha = function(char) {
+	return /^[A-Za-z]$/.test(char);
+}
+
 var pinyinify = function(str) {
 
-}
+	var res = "";
+	for (var i = 0; i < str.length; i++) {
+		var char = str.charAt(i);
+		if (isAlpha(char)) {
+			//TODO look for index of tone number
+		} else {
+			res += char;
+		}
+	}
+
+	return res;
+}
diff --git a/test.html b/test.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<script>
+	var submit = function(str) {
+		// document.getElementById('result').innerHTML = pinyinify(str);
+		document.getElementById('result').innerHTML = isAlpha(str);
+	}
+	</script>
+	<script src="pinyinify.js"></script>
+</head>
+<body>
+	<input type="text" id="textfield" name="textfield">
+	<button onclick="submit(document.getElementById('textfield').value)" name="Submit">Submit</button>
+	<p id="result"></p>
+</body>
+</html>
