简单的javascript字符串计算器

时间:2018-04-21 23:53:10

标签: javascript

我正在尝试构建一个简单的javascript计算器,它会要求用户输入名称,它会根据输入显示一个数字,字符串中的每个字母都会有一个像a = 1和b = 2的值。如果我们在输入中插入acb,它应该显示abc = 1 + 2 + 3 = 6。 谢谢

<input type="text" id="myText" value="">

<button onclick="myFunction()">Try it</button>

<p id="calc"></p>

 <script>
function myFunction() {
   var x = document.getElementById("myText").value;
   document.getElementById("calc").innerHTML = x;
}
</script>

1 个答案:

答案 0 :(得分:0)

试试这个,它使用一个简单的a = 1到z = 26的代码。如果输入特殊字符或数字,则将它们视为0.这适用于大写和小写字母。

function myFunction() {
   var x = document.getElementById("myText").value;
	 var total = 0;
	 for (var i = 0; i < x.length; i++) {
	   var temp = x.toLowerCase().charCodeAt(i) - 96;
		 if ((temp > 0) & (temp < 27)) {
		   total = total + temp;
		 }
	 }
   document.getElementById("calc").innerHTML = total;
}
<input type="text" id="myText" value="">
<button onclick="myFunction()">Try it</button>

<p id="calc"></p>