課題:クラスを作ってみる1

JavaScript

index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="MyClass.js"></script>
	<title>クラスを作ってみる1</title>
</head>
<body>
	<h1>クラスを作ってみる1</h1>
	<script>
		let a = new MyClass("A", 10, "iPhone9", 65000);
		let b = new MyClass("A", 0, "iPhoneX", 105000);
		a.show();
		b.show();
		a.zaikoCheck();
		b.zaikoCheck();
	</script>
</body>
</html>

MyClass.js

/* 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("在庫がありません。発注します");
		}
		else{
			console.log(this.name + " 在庫数量: " + this.zaiko);
		}
	}
}

コメント

タイトルとURLをコピーしました