Thứ Năm, 31 tháng 12, 2015

Bài tập cấu trúc điều khiển trong javascript - Bai tap cau truc dieu khien trong javascript

Hotline: 0912.876.421

Hãy tìm tất cả những gì bạn muốn

Trang chủ »» Học Javascript - Jquery »» Bài tập cấu trúc điều khiển trong javascript

Chào các bạn. Ở những bài học trước chúng ta đi đã cùng nhau tìm hiểu những khái niệm về cấu trúc điều khiển trong javascript. Và Tôi có đưa ra một số bài tập để các bạn có thể thực hành với nó. Ở bài học này chúng ta cùng đi giải quyết những bài tập đó để hiểu hơn về cấu trúc điều khiển trong javascript.

Đầu tiên các bạn xem lại các bài tập ở buổi học trước

Bài tập số 1: Viết ra chương trình in ra màn hình của trang web giá trị từ 1 - 50 với điều kiện các số chẵn có màu đỏ và các số lẻ có màu xanh

<script type="text/javascript">
    var i = 1;
    while(i <= 50){
      if(i%2 == 0) {
         document .write("<font color='red'>"+i+"</font>");
      }else{
         document .write("<font color='blue'>"+i+"</font>");
      }
       i++;
    }
</script>

Bài tập số 2: Viết chương trình in ra màn hình trang web dãy số từ 1 - 50. Những số chia hết cho 2 và 5 có màu đỏ còn lại có màu xanh

<script type="text/javascript">
    var i = 1;
    while(i <= 100){
      if(i%5 == 0 && i%2 == 0){
        document. write("<font color='red'>"+i+"</font>");
      }else{
        document. write("<font color='black'>"+i+"</font>");
      }
        i++;
    }
</script>

Bài tập số 3: Sử dụng javascript viết một trang web in ra bảng cửu chương từ 2 - 10

<script type="text/javascript">
    document. write("<table border='1' width='500'>");
    for(i = 1; i<=10; i++){
        document. write("<tr>");
        for(j = 2; j <= 10; j++){
          document. write("<td>"+j+"x"+i+"="+j*i+"</td>");
        }
          document. write("</tr>");
     }
     document. write("</table>");
</script>

Các bạn có thể tham khảo mã nguồn tại đây

Create by: Phạm Kỳ Khôi