Html teg
Pages
(Move to ...)
Home
Books ok
Html code
Books 1 view box
Books 1
Books html 1/1
Book Css1/ 2
Book js 3/3
Books 2 view box
Books 2
Books code html
Books view box
Books
Text next page
Canvas Clock Start html
▼
Html
(Move to ...)
Introduction to HTML
What is HTML
HTML text Editors
Building blocks of HTML
HTML Tags
Html Tag name
▼
Pages
(Move to ...)
Try It Yourself Editor
Audio player upload file
Video player upload file
Image upload file
Pdf file open
Html/css/js/copy button
Books 1
Books 2
Books 3
Books 4
Books 5
Books view 5
Text book 📖 view
Audio player upload
Text download open
Books
▼
(Move to ...)
Home
▼
Book js 3/3
Copy Text to Clipboard
js
const flipBook = (elBook) => { elBook.style.setProperty("--c", 0); // Set current page elBook.querySelectorAll(".page").forEach((page, idx) => { page.style.setProperty("--i", idx); page.addEventListener("click", (evt) => { if (evt.target.closest("a")) return; const curr = evt.target.closest(".back") ? idx : idx + 1; elBook.style.setProperty("--c", curr); }); }); }; document.querySelectorAll(".book").forEach(flipBook);
Copy Text
No comments:
Post a Comment
Home
View web version
No comments:
Post a Comment