<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<title>Document</title>
</head>
<body>
????<input?type="text">
????<button>今天是工作日還是休息日?</button>
????<script>
????????/*
????????????1-5
????????????6-7
????????*/
????????var?btn?=?document.querySelector('button');
????????var?txt?=?document.querySelector('input');
????????btn.onclick?=?function(){
????????????var?value?=?txt.value;
????????????switch(value){
????????????????case?'1':
????????????????case?'2':
????????????????case?'3':
????????????????case?'4':
????????????????case?'5':
????????????????????console.log('今天是工作日');
????????????????????break;
????????????????case?'6':
????????????????case?'7':?
????????????????????console.log('今天是休息日');?
????????????}
????????}
????????/*
????????????有時候利用這樣的穿透性，可以讓我們的代碼變得更簡潔窘疮，性能更好
????????*/
????</script>
</body>
</html>
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<title>Document</title>
</head>
<body>
????<input?type="text">
????<button>今天是工作日還是休息日?</button>
????<script>
????????var?btn?=?document.querySelector('button');
????????var?txt?=?document.querySelector('input');
????????btn.onclick?=?function(){
????????????var?value?=?txt.value;
????????????switch?(value)?{
????????????????case?'1':
????????????????case?'2':
????????????????case?'3':
????????????????case?'4':
????????????????case?'5':
????????????????????console.log('今天是工作日');
????????????????????break;
????????????????case?'6':
????????????????case?'7':
????????????????????console.log('今天是休息日');
????????????????????break;
????????????????default:
????????????????????console.log('以上輸入的內容有誤');
????????????????????break;
????????????}
????????????//?if(value?===?'1'?||?value?===?'2'?||value?===?'3'){
????????????//?????console.log('今天是工作日');
????????????//?}else?if(value?===?'6'||value?===?'7'){
????????????//?????console.log('今天是休息日');
????????????//?}else{
????????????//?????console.log('以上輸入的內容有誤');
????????????//?}
????????????/*
????????????????當以上條件都不滿足的時候矫付，我們在if語句中可以使用else
????????????????????????????????????????????在switch語句中可以使用default
????????????????default?可以寫在switch中的任何位置揭斧，不過推薦寫在最下面
????????????????注意：可以使用switch的時候?我們不推薦使用if?..?else?if..else
????????????*/
????????}
????</script>
</body>
</html>
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<title>Document</title>
</head>
<body>
????<input?type="text">
????<button>獲取評級</button>
????<script>
????????var?btn?=?document.querySelector('button');
????????var?input?=?document.querySelector('input');
????????btn.onclick?=?function(){
????????????var?score?=?input.value;
????????????/*
????????????????>=90?優(yōu)秀
????????????????>=?60?良好
????????????????<60?不及格
????????????*/
????????????//?if(score?>=?90){
????????????//?}else?if(score?>=?60){
????????????//?}else?if(score?<?60?){
????????????//?}else{
????????????//?}
????????????/*
????????????????因為score和case后面的value是進行全等的比較的舰始，所以我們不能寫score
????????????????又因為score和任何數(shù)值進行比較崇棠，最后返回的都是布爾值，一旦返回true就說明丸卷，
????????????????符合條件枕稀，所以在這里，我們直接在switch的括號里面寫上最終結果true及老，
????????????????和case后面的條件進行比較
????????????*/
????????????switch(true){
????????????????case?score?>=90?&&?score?<=?100:
????????????????????console.log('優(yōu)秀');
????????????????????break;
????????????????case?score?>=?60?&&?score?<?90:
????????????????????console.log('良好');
????????????????????break;
????????????????case?score?<?60?&&?score?>=?0:?
????????????????????console.log('不及格');
????????????????????break;
????????????????default:
????????????????????console.log('輸入的內容有問題');
????????????????????break;
????????????}
????????}
????</script>
</body>
</html>
