前端開發基礎

前端開發基礎

    1.輸入兩個數字，分別在屏幕上輸出兩數之和、之差、之積、求商、取餘，
//      如：“兩數之和爲：xx”，並且換行。

        //prompt接收到的值是一個字符串類型
        var x = prompt("請輸入："); // "10"
        var y = prompt("請輸入："); // "20"

        //需要將x和y轉化成數字型 parseInt();將括號內的值轉換爲整數型
        var x1 = parseInt(x); // x1 = 10;
        var y1 = parseInt(y); // y1 = 20;

        document.write(x1+y1);

        var x = parseInt(prompt('請輸入：'));
        var y = parseInt(prompt('請輸入：'));

        document.write(x + y);

//        2.用戶輸入一個數字，根據該數字繪製出以其爲半徑的圓形。
//        prompt
        var r = prompt("請輸入半徑："); //100
        document.write("<div style='width: 2*rpx;height: 2*rpx;border-radius: rpx;background-color:blue;'></div>");
//        字符串進行拼接
        document.write("<div style='width: " +
                (2*r) + "px;height: " + (2*r) +
                "px;border-radius: " + r +
                "px;background-color:blue;'></div>");
//        3.用戶輸入姓名XX，在網頁上輸出”XX,welcome !”
        var username = prompt("請輸入你的名字：");
        document.write(username + ", Welcome!");
//
//        4.使用變量存儲以下MP3信息，並打印輸出（我的品牌是XX，我的重量多少，
//          我的類型，我的價格xx），說明它們應該屬於什麼類型
//        品牌（brand）：愛國者F928
//        重量（weight）：12.4
//        電池類型（type）：內置鋰電池
//        價格（price）：499
        var brand = "愛國者F928";
        var weight = 12.4;
        var type = "內置鋰電池";
        var price = 499;

        document.write("我的品牌是：" + brand + ", 我的重量是：" + weight
                    + ", 我的類型是：" + type + ", 我的價格是：" + price);