Từ 1 tới 3 trên tổng số 3 kết quả

Đề tài: Vấn đề code Javascript chưa tìm được cách giải quyết

  1. #1
    Ngày gia nhập
    06 2019
    Bài viết
    0

    Mặc định Vấn đề code Javascript chưa tìm được cách giải quyết

    Hiện tại mình có một đoạn code Javascript được thêm vào file html như thế này:

    <!DOCTYPE html>
    <html>
    <head></head>
    <body>
    <div id="list" style="text-align: center;"></div>
    </body>

    <script>
    var items = new Array();
    for (i = 0; i < 2; i++) {
    items[i] = document.createElement("div");
    items[i].className = "item";
    items[i].style.backgroundColor = 'green';
    items[i].style.width = ((screen.availWidth - 300) / 2) + "px";
    items[i].style.height = "150px";
    items[i].style.display = "inline-block";
    items[i].style.marginLeft = "10px";
    items[i].style.marginRight = "10px";
    document.getElementById("list").appendChild(items[i]);
    }

    for (i = 0; i < 2; i++) {
    items[i].onclick = function() {
    alert("Ban đã click vào ô thứ " + i);
    }
    }
    </script>
    </html>

    Vấn đề phát sinh ngay tại vòng for thứ 2 của đoạn script là khi click vào một trong 2 thẻ div thì nó sẽ xuất một cái thông báo là bạn đã click vào ô thứ i nhưng thực tế nó lại không được.
    Nghĩ mãi vẫn chưa tìm ra được cách giải quyết nên nhờ mọi người giúp mình một tay.
    Mình củng chỉ mới tìm hiểu về javascript thôi nên có nhiều thứ vẫn chưa biết mọi người thông cảm.

  2. #2
    Ngày gia nhập
    02 2016
    Bài viết
    305

    Vấn đề này liên quan gì đến "Nhập Môn Lập Trình C/C++" ?
    Chỉ có mỗi việc tìm chỗ để hỏi mà bạn cũng làm không xong thì còn tìm hiểu lập trình chi cho mệt xác.

  3. #3
    Ngày gia nhập
    03 2009
    Bài viết
    11

    Bạn tìm hiểu hàm callback trong JS nhé! vấn đề thực ra rất đơn giản.

Tags của đề tài này

Quyền hạn của bạn

  • Bạn không thể gửi đề tài mới
  • Bạn không thể gửi bài trả lời
  • Bạn không thể gửi các đính kèm
  • Bạn không thể chỉnh sửa bài viết của bạn