<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="text" placeholder="请输入用户名">
<button>按钮</button>
<script>
/* 001-repeat(3) 把字符串重复N遍返回 */
/* 002-trim() 清理字符串前后的空格(N) */
/* 说明：该方法是ES5(2009年)提供的，jQuery框架 */
/* 需求：清除左侧|右侧的空格 */
/* 003-trimLeft() 清理字符串左侧的N个空格 */
/* 004-trimRight() 清理字符串右侧的N个空格 */
/* 005-replace() 替换 */
// var str1 = " abc";
// var str2 = "abc ";
// var str3 = "abc ";
// var str4 = " abc ";
// console.log(str1, str1.trim().length);
// console.log(str2, str2.trim().length);
// console.log(str3, str3.trim().length);
// console.log(str4, str4.trim().length);
// var oBtn = document.getElementsByTagName("button")[0];
// var oInput = document.getElementsByTagName("input")[0];
// oBtn.onclick = function() {
// var text = oInput.value;
// console.log(text);
// console.log(text.trim());
// }
var str5 = " abc ";
console.log(str5.trimLeft());
console.log(str5.trimRight());
var res = "这手机不划算，真垃圾，还不如我30000块钱买的华为P30，真牛逼";
// var str6 = "这手机不划算，真**，还不如我30000块钱买的**";
/* 第一个参数：要替换的字符串是什么 */
/* 第二个参数：要替换成什么字符串 */
/* ["垃圾","牛逼","华为P30"] */
// var res = str6.replace("垃圾", "**");
// console.log(res);
var data = ["垃圾", "牛逼", "华为P30"];
data.forEach(function(item) {
//这手机不划算，真**，还不如我30000块钱买的华为P30，真牛逼
// 这手机不划算，真**，还不如我30000块钱买的华为P30，真**
// 这手机不划算，真**，还不如我30000块钱买的**，真**
res = res.replace(item, "**");
})
console.log(res);
</script>
</body>
</html>