百度前端技术学院-基础-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-bbutton>
20     <button>当前选中输入框的行数button>
21     <button>使用substr获取选中输入框内容的子字符串，参数为num-a及num-bbutton>
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 

 有空了再写