Tôi đang tạo một tệp HTML, JS và CSS, các tệp này phối hợp với nhau để tạo ra một bài kiểm tra tiềm thức. Điều này hoạt động khi tất cả các mã HTML, JS và CSS nằm trong một tệp, nhưng khi tôi chia chúng thành các tệp riêng biệt và liên kết chúng trong HTML với
và
Nó không làm việc
Bạn có thể tìm thấy mã của tôi ở đây. https. //jsfiddle. net/2vasmch5/
JS
function startTest[]{
var h = document.getElementById["bt"];
if [h.style.display === "none"]{
h.style.display = "block";
} else {
h.style.display = "none";
}
var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000];
var r = Math.floor[Math.random[] * 256];
var g = Math.floor[Math.random[] * 256];
var b = Math.floor[Math.random[] * 256];
var bgColor = "rgb[" + r + "," + g + "," + b + "]";
var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]";
document.querySelector['.rfd'].style.color = rfd_rc;
function brColor[] {
document.body.style.background = bgColor;
}
brColor[]
function rnColor[] {
document.querySelector['.rfd'].style.fontSize= "500%";
document.querySelector['.rfd'].innerHTML=fourdigitsrandom;
}
rnColor[]
posChr[];
const body = document.body;
const chr = document.querySelector['.rfd'];
const prev = [0,0];
function posChr [] {
let x = Math.floor[Math.random[] * body.offsetWidth];
let y = Math.floor[Math.random[] * body.offsetHeight];
while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] {
x = Math.floor[Math.random[] * body.offsetWidth];
y = Math.floor[Math.random[] * body.offsetHeight];
}
chr.style.left = `${x}px`;
chr.style.top = `${y}px`;
chr.textContent = fourdigitsrandom;
prev[0] = x;
prev[1] = y;
setTimeout[posChr, 500];
}
setTimeout[posChr, 500]
CSS
body {
height: 100vh;
}
.rfd {
position: fixed;
}
HTML
Subliminal Test
Subliminal Test
Start Test
[Tôi đã tạo mã JS bằng cách lượm lặt các mã JS khác và một số người dùng Stackoverflow đã cung cấp tại đây]
Lý do cho điều này là gì?
Ngoài ra, tôi muốn biết làm cách nào tôi có thể chạy JavaScript này trong hai phút và sau đó hiển thị thông báo như, kiểm tra đã kết thúc và cung cấp cho người dùng nhiều tùy chọn để chọn một tùy chọn từ năm số ngẫu nhiên có 4 chữ số. Và khi họ chọn số đã chọn, hãy thông báo cho họ rằng họ đã chọn số đã chọn
Một trang web bao gồm nhiều tập tin. nội dung văn bản, mã, biểu định kiểu, nội dung phương tiện, v.v. Khi bạn đang xây dựng một trang web, bạn cần tập hợp các tệp này thành một cấu trúc hợp lý trên máy tính cục bộ của mình, đảm bảo rằng chúng có thể giao tiếp với nhau và hiển thị tất cả nội dung của bạn ngay trước khi bạn tải chúng lên máy chủ. Xử lý tệp thảo luận về một số vấn đề bạn nên biết để có thể thiết lập cấu trúc tệp hợp lý cho trang web của mình
Khi bạn đang làm việc cục bộ trên một trang web trên máy tính của mình, bạn nên giữ tất cả các tệp liên quan trong một thư mục duy nhất phản ánh cấu trúc tệp của trang web đã xuất bản trên máy chủ. Thư mục này có thể nằm ở bất cứ đâu bạn thích, nhưng bạn nên đặt nó ở đâu đó mà bạn có thể dễ dàng tìm thấy, có thể trên Màn hình nền, trong thư mục Home hoặc thư mục gốc của ổ cứng.
- Chọn một nơi để lưu trữ các dự án trang web của bạn. Bên trong địa điểm bạn đã chọn, tạo một thư mục mới có tên là
web-projects
[hoặc tương tự]. Đây là nơi tất cả các dự án trang web của bạn sẽ sống - Trong thư mục đầu tiên này, hãy tạo một thư mục khác để lưu trữ trang web đầu tiên của bạn trong. Gọi nó là
test-site
[hoặc một cái gì đó giàu trí tưởng tượng hơn]
Bạn sẽ nhận thấy rằng trong suốt bài viết này, chúng tôi yêu cầu bạn đặt tên cho các thư mục và tệp hoàn toàn bằng chữ thường không có khoảng trắng. Điều này là do
- Nhiều máy tính, đặc biệt là máy chủ web, phân biệt chữ hoa chữ thường. Vì vậy, ví dụ: nếu bạn đặt một hình ảnh trên trang web của mình tại
test-site/MyImage.jpg
và sau đó trong một tệp khác, bạn cố gọi hình ảnh đó làtest-site/myimage.jpg
, nó có thể không hoạt động - Trình duyệt, máy chủ web và ngôn ngữ lập trình không xử lý không gian một cách nhất quán. Ví dụ: nếu bạn sử dụng khoảng trắng trong tên tệp của mình, một số hệ thống có thể coi tên tệp là hai tên tệp. Một số máy chủ sẽ thay thế các khu vực trong tên tệp của bạn bằng "%20" [mã ký tự cho khoảng trắng trong URL], dẫn đến tất cả các liên kết của bạn bị hỏng. Tốt hơn là tách các từ bằng dấu gạch nối, thay vì dấu gạch dưới.
0 so với.function startTest[]{ var h = document.getElementById["bt"]; if [h.style.display === "none"]{ h.style.display = "block"; } else { h.style.display = "none"; } var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000]; var r = Math.floor[Math.random[] * 256]; var g = Math.floor[Math.random[] * 256]; var b = Math.floor[Math.random[] * 256]; var bgColor = "rgb[" + r + "," + g + "," + b + "]"; var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]"; document.querySelector['.rfd'].style.color = rfd_rc; function brColor[] { document.body.style.background = bgColor; } brColor[] function rnColor[] { document.querySelector['.rfd'].style.fontSize= "500%"; document.querySelector['.rfd'].innerHTML=fourdigitsrandom; } rnColor[] posChr[]; const body = document.body; const chr = document.querySelector['.rfd']; const prev = [0,0]; function posChr [] { let x = Math.floor[Math.random[] * body.offsetWidth]; let y = Math.floor[Math.random[] * body.offsetHeight]; while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] { x = Math.floor[Math.random[] * body.offsetWidth]; y = Math.floor[Math.random[] * body.offsetHeight]; } chr.style.left = `${x}px`; chr.style.top = `${y}px`; chr.textContent = fourdigitsrandom; prev[0] = x; prev[1] = y; setTimeout[posChr, 500]; } setTimeout[posChr, 500]
1function startTest[]{ var h = document.getElementById["bt"]; if [h.style.display === "none"]{ h.style.display = "block"; } else { h.style.display = "none"; } var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000]; var r = Math.floor[Math.random[] * 256]; var g = Math.floor[Math.random[] * 256]; var b = Math.floor[Math.random[] * 256]; var bgColor = "rgb[" + r + "," + g + "," + b + "]"; var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]"; document.querySelector['.rfd'].style.color = rfd_rc; function brColor[] { document.body.style.background = bgColor; } brColor[] function rnColor[] { document.querySelector['.rfd'].style.fontSize= "500%"; document.querySelector['.rfd'].innerHTML=fourdigitsrandom; } rnColor[] posChr[]; const body = document.body; const chr = document.querySelector['.rfd']; const prev = [0,0]; function posChr [] { let x = Math.floor[Math.random[] * body.offsetWidth]; let y = Math.floor[Math.random[] * body.offsetHeight]; while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] { x = Math.floor[Math.random[] * body.offsetWidth]; y = Math.floor[Math.random[] * body.offsetHeight]; } chr.style.left = `${x}px`; chr.style.top = `${y}px`; chr.textContent = fourdigitsrandom; prev[0] = x; prev[1] = y; setTimeout[posChr, 500]; } setTimeout[posChr, 500]
Câu trả lời ngắn gọn là bạn nên sử dụng dấu gạch nối cho tên tệp của mình. Công cụ tìm kiếm của Google coi dấu gạch ngang là dấu tách từ nhưng không coi dấu gạch dưới theo cách đó. Vì những lý do này, tốt nhất bạn nên tập thói quen viết tên thư mục và tệp của mình bằng chữ thường, không có dấu cách và các từ được phân tách bằng dấu gạch nối, ít nhất là cho đến khi bạn biết mình đang làm gì. Bằng cách đó, bạn sẽ gặp ít vấn đề hơn sau này
Tiếp theo, hãy xem trang web thử nghiệm của chúng ta nên có cấu trúc như thế nào. Những thứ phổ biến nhất chúng tôi sẽ có trên bất kỳ dự án trang web nào chúng tôi tạo là tệp HTML chỉ mục và các thư mục để chứa hình ảnh, tệp kiểu và tệp tập lệnh. Hãy tạo những thứ này ngay bây giờ
2. Tệp này thường sẽ chứa nội dung trang chủ của bạn, nghĩa là văn bản và hình ảnh mà mọi người nhìn thấy khi họ truy cập trang web của bạn lần đầu tiên. Sử dụng trình soạn thảo văn bản của bạn, tạo một tệp mới có tên làfunction startTest[]{ var h = document.getElementById["bt"]; if [h.style.display === "none"]{ h.style.display = "block"; } else { h.style.display = "none"; } var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000]; var r = Math.floor[Math.random[] * 256]; var g = Math.floor[Math.random[] * 256]; var b = Math.floor[Math.random[] * 256]; var bgColor = "rgb[" + r + "," + g + "," + b + "]"; var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]"; document.querySelector['.rfd'].style.color = rfd_rc; function brColor[] { document.body.style.background = bgColor; } brColor[] function rnColor[] { document.querySelector['.rfd'].style.fontSize= "500%"; document.querySelector['.rfd'].innerHTML=fourdigitsrandom; } rnColor[] posChr[]; const body = document.body; const chr = document.querySelector['.rfd']; const prev = [0,0]; function posChr [] { let x = Math.floor[Math.random[] * body.offsetWidth]; let y = Math.floor[Math.random[] * body.offsetHeight]; while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] { x = Math.floor[Math.random[] * body.offsetWidth]; y = Math.floor[Math.random[] * body.offsetHeight]; } chr.style.left = `${x}px`; chr.style.top = `${y}px`; chr.textContent = fourdigitsrandom; prev[0] = x; prev[1] = y; setTimeout[posChr, 500]; } setTimeout[posChr, 500]
2 và lưu nó ngay bên trong thư mụcfunction startTest[]{ var h = document.getElementById["bt"]; if [h.style.display === "none"]{ h.style.display = "block"; } else { h.style.display = "none"; } var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000]; var r = Math.floor[Math.random[] * 256]; var g = Math.floor[Math.random[] * 256]; var b = Math.floor[Math.random[] * 256]; var bgColor = "rgb[" + r + "," + g + "," + b + "]"; var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]"; document.querySelector['.rfd'].style.color = rfd_rc; function brColor[] { document.body.style.background = bgColor; } brColor[] function rnColor[] { document.querySelector['.rfd'].style.fontSize= "500%"; document.querySelector['.rfd'].innerHTML=fourdigitsrandom; } rnColor[] posChr[]; const body = document.body; const chr = document.querySelector['.rfd']; const prev = [0,0]; function posChr [] { let x = Math.floor[Math.random[] * body.offsetWidth]; let y = Math.floor[Math.random[] * body.offsetHeight]; while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] { x = Math.floor[Math.random[] * body.offsetWidth]; y = Math.floor[Math.random[] * body.offsetHeight]; } chr.style.left = `${x}px`; chr.style.top = `${y}px`; chr.textContent = fourdigitsrandom; prev[0] = x; prev[1] = y; setTimeout[posChr, 500]; } setTimeout[posChr, 500]
test-site
của bạn- Thư mục
web-projects
0. Thư mục này sẽ chứa tất cả các hình ảnh mà bạn sử dụng trên trang web của mình. Tạo một thư mục có tên làweb-projects
0, bên trong thư mụctest-site
của bạn - Thư mục
web-projects
3. Thư mục này sẽ chứa mã CSS được sử dụng để tạo kiểu cho nội dung của bạn [ví dụ: đặt văn bản và màu nền]. Tạo một thư mục có tên làweb-projects
3, bên trong thư mụctest-site
của bạn - Thư mục
web-projects
6. Thư mục này sẽ chứa tất cả mã JavaScript được sử dụng để thêm chức năng tương tác vào trang web của bạn [e. g. các nút tải dữ liệu khi được nhấp]. Tạo một thư mục có tên làweb-projects
6, bên trong thư mụctest-site
của bạn
Ghi chú. Trên máy tính Windows, bạn có thể gặp khó khăn khi nhìn thấy tên tệp vì Windows có một tùy chọn có tên Ẩn tiện ích mở rộng cho các loại tệp đã biết được bật theo mặc định. Nói chung, bạn có thể tắt tính năng này bằng cách truy cập Windows Explorer, chọn tùy chọn Tùy chọn thư mục…, bỏ chọn hộp kiểm Ẩn tiện ích mở rộng cho các loại tệp đã biết, sau đó nhấp vào OK. Để biết thêm thông tin cụ thể về phiên bản Windows của bạn, bạn có thể tìm kiếm trên web
Để làm cho các tệp giao tiếp với nhau, bạn phải cung cấp một đường dẫn tệp giữa chúng - về cơ bản là một tuyến đường, để một tệp biết vị trí của một tệp khác. Để chứng minh điều này, chúng tôi sẽ chèn một chút HTML vào tệp
function startTest[]{
var h = document.getElementById["bt"];
if [h.style.display === "none"]{
h.style.display = "block";
} else {
h.style.display = "none";
}
var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000];
var r = Math.floor[Math.random[] * 256];
var g = Math.floor[Math.random[] * 256];
var b = Math.floor[Math.random[] * 256];
var bgColor = "rgb[" + r + "," + g + "," + b + "]";
var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]";
document.querySelector['.rfd'].style.color = rfd_rc;
function brColor[] {
document.body.style.background = bgColor;
}
brColor[]
function rnColor[] {
document.querySelector['.rfd'].style.fontSize= "500%";
document.querySelector['.rfd'].innerHTML=fourdigitsrandom;
}
rnColor[]
posChr[];
const body = document.body;
const chr = document.querySelector['.rfd'];
const prev = [0,0];
function posChr [] {
let x = Math.floor[Math.random[] * body.offsetWidth];
let y = Math.floor[Math.random[] * body.offsetHeight];
while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] {
x = Math.floor[Math.random[] * body.offsetWidth];
y = Math.floor[Math.random[] * body.offsetHeight];
}
chr.style.left = `${x}px`;
chr.style.top = `${y}px`;
chr.textContent = fourdigitsrandom;
prev[0] = x;
prev[1] = y;
setTimeout[posChr, 500];
}
setTimeout[posChr, 500]
2 của chúng tôi và làm cho nó hiển thị hình ảnh bạn đã chọn trong bài viết "Trang web của bạn sẽ trông như thế nào?" - Sao chép hình ảnh bạn đã chọn trước đó vào thư mục
web-projects
0 của bạn - Mở tệp
2 của bạn và chèn đoạn mã sau vào tệp chính xác như được hiển thị. Đừng lo lắng về ý nghĩa của nó lúc này — chúng ta sẽ xem xét các cấu trúc chi tiết hơn ở phần sau của loạt bài nàyfunction startTest[]{ var h = document.getElementById["bt"]; if [h.style.display === "none"]{ h.style.display = "block"; } else { h.style.display = "none"; } var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000]; var r = Math.floor[Math.random[] * 256]; var g = Math.floor[Math.random[] * 256]; var b = Math.floor[Math.random[] * 256]; var bgColor = "rgb[" + r + "," + g + "," + b + "]"; var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]"; document.querySelector['.rfd'].style.color = rfd_rc; function brColor[] { document.body.style.background = bgColor; } brColor[] function rnColor[] { document.querySelector['.rfd'].style.fontSize= "500%"; document.querySelector['.rfd'].innerHTML=fourdigitsrandom; } rnColor[] posChr[]; const body = document.body; const chr = document.querySelector['.rfd']; const prev = [0,0]; function posChr [] { let x = Math.floor[Math.random[] * body.offsetWidth]; let y = Math.floor[Math.random[] * body.offsetHeight]; while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] { x = Math.floor[Math.random[] * body.offsetWidth]; y = Math.floor[Math.random[] * body.offsetHeight]; } chr.style.left = `${x}px`; chr.style.top = `${y}px`; chr.textContent = fourdigitsrandom; prev[0] = x; prev[1] = y; setTimeout[posChr, 500]; } setTimeout[posChr, 500]
DOCTYPE html> My test page
- Dòng
test-site
2 là mã HTML chèn hình ảnh vào trang. Chúng ta cần cho HTML biết hình ảnh ở đâu. Hình ảnh nằm trong thư mục hình ảnh, nằm trong cùng thư mục với
2. Để đi xuống cấu trúc tệp từfunction startTest[]{ var h = document.getElementById["bt"]; if [h.style.display === "none"]{ h.style.display = "block"; } else { h.style.display = "none"; } var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000]; var r = Math.floor[Math.random[] * 256]; var g = Math.floor[Math.random[] * 256]; var b = Math.floor[Math.random[] * 256]; var bgColor = "rgb[" + r + "," + g + "," + b + "]"; var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]"; document.querySelector['.rfd'].style.color = rfd_rc; function brColor[] { document.body.style.background = bgColor; } brColor[] function rnColor[] { document.querySelector['.rfd'].style.fontSize= "500%"; document.querySelector['.rfd'].innerHTML=fourdigitsrandom; } rnColor[] posChr[]; const body = document.body; const chr = document.querySelector['.rfd']; const prev = [0,0]; function posChr [] { let x = Math.floor[Math.random[] * body.offsetWidth]; let y = Math.floor[Math.random[] * body.offsetHeight]; while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] { x = Math.floor[Math.random[] * body.offsetWidth]; y = Math.floor[Math.random[] * body.offsetHeight]; } chr.style.left = `${x}px`; chr.style.top = `${y}px`; chr.textContent = fourdigitsrandom; prev[0] = x; prev[1] = y; setTimeout[posChr, 500]; } setTimeout[posChr, 500]
2 đến hình ảnh của chúng tôi, đường dẫn tệp chúng tôi cần làfunction startTest[]{ var h = document.getElementById["bt"]; if [h.style.display === "none"]{ h.style.display = "block"; } else { h.style.display = "none"; } var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000]; var r = Math.floor[Math.random[] * 256]; var g = Math.floor[Math.random[] * 256]; var b = Math.floor[Math.random[] * 256]; var bgColor = "rgb[" + r + "," + g + "," + b + "]"; var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]"; document.querySelector['.rfd'].style.color = rfd_rc; function brColor[] { document.body.style.background = bgColor; } brColor[] function rnColor[] { document.querySelector['.rfd'].style.fontSize= "500%"; document.querySelector['.rfd'].innerHTML=fourdigitsrandom; } rnColor[] posChr[]; const body = document.body; const chr = document.querySelector['.rfd']; const prev = [0,0]; function posChr [] { let x = Math.floor[Math.random[] * body.offsetWidth]; let y = Math.floor[Math.random[] * body.offsetHeight]; while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] { x = Math.floor[Math.random[] * body.offsetWidth]; y = Math.floor[Math.random[] * body.offsetHeight]; } chr.style.left = `${x}px`; chr.style.top = `${y}px`; chr.textContent = fourdigitsrandom; prev[0] = x; prev[1] = y; setTimeout[posChr, 500]; } setTimeout[posChr, 500]
test-site
5. Ví dụ: hình ảnh của chúng tôi được gọi làtest-site
6, vì vậy đường dẫn tệp làtest-site
7 - Chèn đường dẫn tệp vào mã HTML của bạn giữa các dấu ngoặc kép của mã
test-site
8 - Thay đổi nội dung của thuộc tính
test-site
9 thành thuộc tính mà bạn đang bao gồm. Trong trường hợp này,test-site/MyImage.jpg
0 - Lưu tệp HTML của bạn, sau đó tải tệp đó trong trình duyệt web của bạn [bấm đúp vào tệp]. Bạn sẽ thấy trang web mới hiển thị hình ảnh của mình
Một số quy tắc chung cho đường dẫn tệp
- Để liên kết đến một tệp đích trong cùng thư mục với tệp HTML đang gọi, chỉ cần sử dụng tên tệp, e. g.
test-site/MyImage.jpg
1 - Để tham chiếu một tệp trong thư mục con, hãy viết tên thư mục ở phía trước đường dẫn, cộng với dấu gạch chéo về phía trước, e. g.
test-site/MyImage.jpg
2 - Để liên kết đến một tệp đích trong thư mục phía trên tệp HTML đang gọi, hãy viết hai dấu chấm. Vì vậy, ví dụ: nếu
2 nằm trong thư mục con củafunction startTest[]{ var h = document.getElementById["bt"]; if [h.style.display === "none"]{ h.style.display = "block"; } else { h.style.display = "none"; } var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000]; var r = Math.floor[Math.random[] * 256]; var g = Math.floor[Math.random[] * 256]; var b = Math.floor[Math.random[] * 256]; var bgColor = "rgb[" + r + "," + g + "," + b + "]"; var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]"; document.querySelector['.rfd'].style.color = rfd_rc; function brColor[] { document.body.style.background = bgColor; } brColor[] function rnColor[] { document.querySelector['.rfd'].style.fontSize= "500%"; document.querySelector['.rfd'].innerHTML=fourdigitsrandom; } rnColor[] posChr[]; const body = document.body; const chr = document.querySelector['.rfd']; const prev = [0,0]; function posChr [] { let x = Math.floor[Math.random[] * body.offsetWidth]; let y = Math.floor[Math.random[] * body.offsetHeight]; while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] { x = Math.floor[Math.random[] * body.offsetWidth]; y = Math.floor[Math.random[] * body.offsetHeight]; } chr.style.left = `${x}px`; chr.style.top = `${y}px`; chr.textContent = fourdigitsrandom; prev[0] = x; prev[1] = y; setTimeout[posChr, 500]; } setTimeout[posChr, 500]
test-site
vàtest-site/MyImage.jpg
1 nằm trongtest-site
, bạn có thể tham chiếutest-site/MyImage.jpg
1 từ
2 bằng cách sử dụngfunction startTest[]{ var h = document.getElementById["bt"]; if [h.style.display === "none"]{ h.style.display = "block"; } else { h.style.display = "none"; } var fourdigitsrandom = Math.floor[1000 + Math.random[] * 9000]; var r = Math.floor[Math.random[] * 256]; var g = Math.floor[Math.random[] * 256]; var b = Math.floor[Math.random[] * 256]; var bgColor = "rgb[" + r + "," + g + "," + b + "]"; var rfd_rc = "rgb[" + [r-1] + "," + [g-1] + "," + [b-1] + "]"; document.querySelector['.rfd'].style.color = rfd_rc; function brColor[] { document.body.style.background = bgColor; } brColor[] function rnColor[] { document.querySelector['.rfd'].style.fontSize= "500%"; document.querySelector['.rfd'].innerHTML=fourdigitsrandom; } rnColor[] posChr[]; const body = document.body; const chr = document.querySelector['.rfd']; const prev = [0,0]; function posChr [] { let x = Math.floor[Math.random[] * body.offsetWidth]; let y = Math.floor[Math.random[] * body.offsetHeight]; while [Math.sqrt[[x - prev[0]] ** 2 + [y - prev[1]] ** 2] < 10] { x = Math.floor[Math.random[] * body.offsetWidth]; y = Math.floor[Math.random[] * body.offsetHeight]; } chr.style.left = `${x}px`; chr.style.top = `${y}px`; chr.textContent = fourdigitsrandom; prev[0] = x; prev[1] = y; setTimeout[posChr, 500]; } setTimeout[posChr, 500]
test-site/MyImage.jpg
9 - Bạn có thể kết hợp những thứ này bao nhiêu tùy thích, ví dụ như
test-site/myimage.jpg
0
Hiện tại, đây là tất cả những gì bạn cần biết
Ghi chú. Hệ thống tệp Windows có xu hướng sử dụng dấu gạch chéo ngược, không phải dấu gạch chéo lên, e. g. test-site/myimage.jpg
1. Điều này không quan trọng trong HTML — ngay cả khi bạn đang phát triển trang web của mình trên Windows, bạn vẫn nên sử dụng dấu gạch chéo lên trong mã của mình