課題:クラスを作ってみる1に在庫チェック機能を追加

JavaScript

index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="MyClass.js"></script>
    <title>クラスを作ってみる1</title>
</head>
<body>
    <h1>クラスを作ってみる1</h1>
    <script>
        let shohin = [];
        shohin[0]= new MyClass("A", 10, "iPhone9", 65000);
        shohin[1] = new MyClass("A", 0, "iPhoneX", 105000);
        shohin[2] = new MyClass("A", 5, "Pixel3", 64000);
        shohin[3] = new MyClass("A", 20, "Pixel4", 75000);
        shohin[4] = new MyClass("A", 8, "Oppo7", 25000);
        shohin[5] = new MyClass("A", 0, "HuaweiP10", 17000);
        shohin[6] = new MyClass("A", 11, "Galaxy4", 105000);
        shohin[7] = new MyClass("A", 0, "AquosLite", 45000);
        shohin[8] = new MyClass("A", 3, "Blackberry", 42000);
        shohin[9] = new MyClass("A", 1, "iPad", 40000);
        // 全商品表示
        for(let i in shohin){   // for(let i=0; i<10; i++){
            shohin[i].show();
        }
        // 在庫チェック
        for(let i=0; i<shohin.length; i++){
            shohin[i].zaikoCheck();
        }
    </script>
</body>
</html>

MyClass.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/* MyClass.js : クラス */
class MyClass{
    constructor(kubun, zaiko, name, tanka){
        this.kubun = kubun;
        this.zaiko = zaiko;
        this.name = name;
        this.tanka = tanka;
    }
    show(){ // 商品情報表示
        console.log(this.kubun);
        console.log(this.name);
        console.log(this.tanka);
        console.log(this.zaiko);
    }
    zaikoCheck(){   // 在庫チェック
        if(this.zaiko <= 0){
            console.log(this.name + " 在庫がありません");
        }
    }
}

コメント