1. 程式人生 > >前端小demo——用特殊符號拼接字符串

前端小demo——用特殊符號拼接字符串

處理 title NPU UNC style 點擊事件 字符 func ret

技術分享圖片

這裏我用的是心形拼接輸入的字符串

<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <style>
    input {
      width: 150px;
      height: 30px;
      background-color: #ccc;
    }

    #btn {
      background-color: red;
    }
  </style>
</head> <body> <input type="button" value="拼接字符串" id="btn" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <!-- <script src="common.js"></script>
--> <script> function zy$(id) { return document.getElementById(id) }; //註冊點擊事件,添加事件處理函數 zy$("btn").onclick = function () { var inputs = document.getElementsByTagName("input"); var str = []; for (var i = 0; i < inputs.length; i++) { if (inputs[i].type
== "text") { str.push(inputs[i].value); } } document.write("<h2>" + str.join("?") + "</h2>") }; </script> </body> </html>

前端小demo——用特殊符號拼接字符串