JavaScript demo合集（一）——基礎篇

?? 歡迎加入前端技術營！如果你也是前端學習者或者對前端有學習的想法，那就跟著我一起從零開始進擊前端，
??致力于盡可能詳細且簡潔的介紹前端知識、自己的捷徑，也是學習路上的記錄，歡迎探討

這些demo是在學習途中慢慢積累的一些簡單的demo，適用于對照著之前我的JavaScript部分文章使用，適用于初學者，當然有大佬有簡潔的演算法可以評論區交流

簡單加法運算

        var num = prompt('請輸入第一個值：');
        var num1 = prompt('請輸入第二個值：');
        var add = parseFloat(num) + parseFloat(num1);
        alert('兩個值的和為' + add);

邏輯運算子練習

var num = 7;
        var str = "我愛你~中國~"; 

        console.log(num>5 && str.length >= num);//true

        console.log(num<5 && str.length >= num);//false

        console.log(!(num<10));//false

        console.log(!(num<10 || str.length == num));//false
//運算子優先級
        console.log( 4>=6 || '人' != '阿凡達' && !(12 * 2 == 144) && true);//true
        var num = 10;
        console.log( 5 == num / 2 && (2 + 2 * num).toString() === '22');//true

輸出個人資訊

var yourname = prompt('請輸入你的姓名：');
        var age = prompt('請輸入你的年齡：');
        var add = prompt('請輸入你的地點：');
        alert('大家好，我叫' + yourname + '今年' + age + '歲了' + '我來自' + add);

求任意三位數之和

var num = prompt('請輸入一個三位數：');
        var a = num%10;
        var b = parseInt((num%100)/10);
        var c = parseInt(num/100);
        var sum = a+b+c;
        alert('該三位數的個十百位數之和為：' + sum)

比較大小

var a = prompt('輸入第一個數：');
        var b = prompt('輸入第二個數：');
        if (a>b) {
            alert('最大值為：' + a);
        } else {
            alert('最大值為：' + b);
        }

回傳星期幾

var num = prompt('輸入數值（1~7）：');
        num = parseInt(num);
        switch (num) {
            case 1:
                alert('星期一');
                break;
            case 2:
                alert('星期二');
                break;
            case 3:
                alert('星期三');
                break;
            case 4:
                alert('星期四');
                break;
            case 5:
                alert('星期五');
                break;
            case 6:
                alert('星期六');
                break;
            case 7:
                alert('星期天');
                break;
        }

判斷成績等級

var score = prompt('請輸入成績：');
        if (score >= 90) {
            alert('A');
        } else if (score >= 80) {
            alert('B');
        } else if (score >= 70) {
            alert('C');
        } else if (score >= 60) {
            alert('D');
        } else {
            alert('E');
        }

判斷奇偶數

 var num = prompt('輸入一個數：');
        if (num%2==0)  {
            alert('該數為偶數');
        } else {
            alert('該數為奇數');
        }

判斷閏年

var year = prompt('請輸入年份：');
        if (year%4==0 && year%100 != 0 || year%400 == 0) {
            alert('該年份為閏年');
        } else {
            alert('該年份不是閏年');
        }

判斷時間段

var num = prompt('請輸入時間(1~24)：');
        if (num>=22) {
            alert('夜深了，注意休息');
        } else if (num>18) {
            alert('晚上好');
        } else if (num>14) {
            alert('下午好');
        } else if (num>=10) {
            alert('中午好');
        } else if (num>6){
            alert('早上好');
        } else {
            alert('凌晨了');
        }

查詢水果價格

 var fruit = prompt('輸入查詢的水果：');
        switch (fruit) {
            case '蘋果':
                alert('3.5元/斤');
                break;
            case '香蕉':
                alert('2元/根');
                break;
            case '菠蘿':
                alert('10元/3個');
                break;
                default: 
                    alert('沒有此水果');
        }

垃圾分類

 var lj = prompt('請輸入要扔的垃圾：');
        var ljtype = prompt('請輸入的垃圾型別：【1.廚余垃圾 2.有害垃圾 3.其他垃圾 4.可回收垃圾】');

        if (ljtype = 1) {
            alert(lj + '是' + '廚余垃圾');
        } else if (ljtype = 2) {
            alert(lj + '是' + '有害垃圾');
        } else if (ljtype = 3) {
            alert(lj + '是' + '其他垃圾');
        } else if (ljtype = 4) {
            alert(lj + '是' + '可回收垃圾');
        } else {
            alert('請按分類回收垃圾');
        }

列印乘法表

 var str = '';
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                str += j + 'x' + i + '=' + i*j +'\t';
            }
            str += '\n';
        }
        console.log(str);

列印倒三角形、正三角形

//倒三角形
        var str = '';
        for (var i = 1;i<=10;i++) {
            for (var j=i;j<=10;j++) {
                str = str + '*';
            }
            str += '\n';
        }
        console.log(str);
        //正三角形
        var str = '';
        for (var i = 1; i <= 10; i++) {
            for (var j = 1; j <= i; j++) {
                str = str + '*';
            }
            str += '\n';
        }
        console.log(str);

本期到這里就結束了，感謝閱讀！有問題留言，及時回復

• 點贊加關注，持續更新實用技巧、熱門資源、軟體教程等
• 有任何 軟體 影視 教程資源 考證資料等需求留言即可