charAt()方法，demo

最新推荐文章于 2024-10-01 17:17:19 发布

Lucky_zss

最新推荐文章于 2024-10-01 17:17:19 发布

阅读量94

点赞数 2

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/zss_base/article/details/137131980

版权

<body>
    <p>影响职业因素</p>
    请输入一个单词 :<input type="text" id="danci" /> 
   <p>结果：
    <span id="result"><input type="text"></span></p> 
    <input type="button" value="计算" id="submit" />
    <input type="button" value="清空" id="clear" />

    <script>
      // 获取dom
      var o_tex = document.querySelector("#danci");
      var o_result = document.querySelector("#result");
      var submit = document.querySelector("#submit");
      var clear = document.querySelector("#clear");

      // 计算
      function fnJob() {
        var sum = 0;
        var str = '';
        //
        var info = o_tex.value;  //zss

        var letter = ' abcdefghigklmnopqrstuvwhyz';
        // 遍历信息
        for (var i = 0, infoLen = info.length; i < infoLen; i++) {
          for (var j = 0, letterLen = letter.length; j < letterLen; j++) {
            if (info.charAt(i) === letter.charAt(j)) {
                // 下标相加
              sum += j;
            //   表达式
              str += j + '+';   //
            }
          }
        } 
        // 结果放框里
        o_result.innerText = str.slice(0,-1) + '='+ sum  
        
        
      }
       
      // 清空
      function qk(){
        o_result.innerText = o_tex.value = ''
        }
        // 点击事件
      submit.onclick = fnJob
      clear.onclick = qk
    </script>
  </body>