js学习笔记（知识点、浅写小demo）

js学习笔记（浅写小demo）

效果

实现一个输入框和一个输出框、点击输入框下方按钮后，在输出框输出相应信息

实现

js代码：

index.js文件

小结：

1.可以在HTML页面中的任意位置加上<script type="module"></script>标签

2.js代码执行顺序：
2.1类似于HTML与CSS，按从上到下的顺序执行
2.2事件驱动执行

3.innerHtml 和 innerText
innerHtml 和 innerText都是获取document对象的文本内容
区别：
3.1innerHtml指的是从对象的起始位置到终止位置的全部内容、包括html标签

3.2innerText指的是从起始位置到终止位置的内容、但它去除html标签

3.3同时，inneHtml标签是所有浏览器都支持的、
innerText是IE浏览器和chrome浏览器支持的，
Firefox浏览器是不支持的

4.js中两种for循环语句的区别

以钞票这题为例
传送门https://www.acwing.com/problem/content/description/655/

for p of money:
4.1遍历数组， p拿到的是数组对象的值

let buf = "";

process.stdin.on("readable", function(){
    let chunk = process.stdin.read();
    if(chunk) buf += chunk.toString();
})

process.stdin.on("end", function(){
    let n = parseInt(buf);
    console.log(n);
    let money = [100, 50, 20, 10, 5, 2, 1];
    for(p of money){
        let cnt = parseInt(n / p);
        console.log(`${cnt} nota(s) de R$ ${p},00`);
        n %= p;
    }
})

for p in money:
**4.2遍历数组， p拿到的是数组对象的下标
**

 let buf = "";

process.stdin.on("readable", function(){
    let chunk = process.stdin.read();
    if(chunk) buf += chunk.toString();
})

process.stdin.on("end", function(){
    let n = parseInt(buf);
    console.log(n);
    let money = [100, 50, 20, 10, 5, 2, 1];
    for (p in money){
        let cnt = parseInt(n / money[p]);
        console.log(`${cnt} nota(s) de R$ ${money[p]},00`);
        n %= money[p];
    }
})

4.3遍历对象， for in 拿到的是对象的属性名， 而for of会报错，如图