百度前端技术学院-基础-day22-24

第二十二天到第二十四天：JavaScript里面的居民们

task1

题目：

<div>
    <label>Number A:<input id="radio-a" type="radio" name="math-obj" value="a"></label><input id="num-a" type="text">
    <label>Number B:<input id="radio-b" type="radio" name="math-obj" value="b"></label><input id="num-b" type="text">
</div>
<div>
    <button>判断当前选中的输入框输入内容是否为数字</button>
    <button>把 A 四舍五入为 B 个小数位数的数字</button>
    <button>当前选中数字的绝对值</button>
    <button>对当前选中的数字进行上舍入</button>
    <button>对当前选中的数字进行下舍入</button>
    <button>把当前选中的数字四舍五入为最接近的整数</button>
    <button>返回 A 和 B 中的最高值</button>
    <button>返回 A 和 B 中的最低值</button>
</div>
<p id="result"></p>

基于如上HTML，实现需求

• 按照HTML中按钮的描述以此实现功能
• 计算结果显示在 id 为 result 的 P 标签中
• 除了第一个按钮，其它按钮操作时，都需要判断输入是否为数字，否则在 console 中输出错误信息

预览

代码

本答案中后面几个按钮的result回答略有点简单，不过基本功能都实现了，有心的同学可以再改进。

---

task2

题目：

 1 <div>
 2     <label>String A:
 3         <input id="radio-a" type="radio" checked="true" name="str-obj" value="a">
 4     </label>
 5     <textarea id="str-a"></textarea>
 6     <label>String B:
 7         <input id="radio-b" type="radio" name="str-obj" value="b">
 8     </label>
 9     <textarea id="str-b"></textarea>
10     <label>Num A：<input id="num-a" type="number" value="0"></label>
11     <label>Num B：<input id="num-b" type="number" value="1"></label>
12 </div>
13 <div>
14     <button>获取当前选中输入的内容长度</button>
15     <button>当前选中输入中的第3个字符</button>
16     <button>把两个输入框的文字连接在一起输出（concat）</button>
17     <button>输入B中的内容，在输入A的内容中第一次出现的位置（indexOf）</button>
18     <button>输入A中的内容，在输入B的内容中最后一次出现的位置（lastIndexOf）</button>
19     <button>使用slice获取选中输入框内容的部分内容，参数为num-a及num-b</button>
20     <button>当前选中输入框的行数</button>
21     <button>使用substr获取选中输入框内容的子字符串，参数为num-a及num-b</button>
22     <button>把所选输入框中的内容全部转为大写</button>
23     <button>把所选输入框中的内容全部转为小写</button>
24     <button>把所选输入框中内容的半角空格全部去除</button>
25     <button>把所选输入框中内容的a全部替换成另外一个输入框中的内容</button>
26 </div>
27 <p id="result"></p>

• 按照HTML中按钮的描述以此实现功能
• 计算结果显示在 id 为 result 的 P 标签中

预览

代码

---

task3

题目

 1 /*
 2 实现一个字符串头尾去除空格的函数
 3 注意需要去除的空格，包括全角、半角空格
 4 暂时不需要学习和使用正则表达式的方式
 5 */
 6 function diyTrim(str) {
 7     var result = "";
 8
 9     // do something
10
11     return result
12 }
13
14 // 测试用例
15 console.log(diyTrim(' a f b    ')); // ->a f b
16 console.log(diyTrim('    ffdaf    ')); // ->ffdaf
17 console.log(diyTrim('1    ')); // ->1
18 console.log(diyTrim('　　f')); // ->f
19 console.log(diyTrim('  　  a f b 　　 ')); // ->a f b
20 console.log(diyTrim(' ')); // ->
21 console.log(diyTrim('　')); // ->
22 console.log(diyTrim('')); // ->
23
24 /*
25 去掉字符串str中，连续重复的地方
26 */
27 function removeRepetition(str) {
28     var result = "";
29
30     // do something
31
32     return result;
33 }
34
35 // 测试用例
36 console.log(removeRepetition("aaa")); // ->a
37 console.log(removeRepetition("abbba")); // ->aba
38 console.log(removeRepetition("aabbaabb")); // ->abab
39 console.log(removeRepetition("")); // ->
40 console.log(removeRepetition("abc")); // ->abc

代码

---

task4

有空了再写