96abb0b89d
./style.css:31317407/252 ./script.js:31317407/2018 ./index.html:31317407/6092 ./README.md:31317407/4962
35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
/*
|
|
This is your site JavaScript code - you can add interactivity!
|
|
*/
|
|
|
|
// Print a message in the browser's dev tools console each time the page loads
|
|
// Use your menus or right-click / control-click and choose "Inspect" > "Console"
|
|
console.log("Hello 🌎");
|
|
|
|
/*
|
|
Make the "Click me!" button move when the visitor clicks it:
|
|
- First add the button to the page by following the steps in the TODO 🚧
|
|
*/
|
|
const btn = document.querySelector("button"); // Get the button from the page
|
|
if (btn) { // Detect clicks on the button
|
|
btn.onclick = function () {
|
|
// The 'dipped' class in style.css changes the appearance on click
|
|
btn.classList.toggle("dipped");
|
|
};
|
|
}
|
|
|
|
|
|
// ----- GLITCH STARTER PROJECT HELPER CODE -----
|
|
|
|
// Open file when the link in the preview is clicked
|
|
let goto = (file, line) => {
|
|
window.parent.postMessage(
|
|
{ type: "glitch/go-to-line", payload: { filePath: file, line: line } }, "*"
|
|
);
|
|
};
|
|
// Get the file opening button from its class name
|
|
const filer = document.querySelectorAll(".fileopener");
|
|
filer.forEach((f) => {
|
|
f.onclick = () => { goto(f.dataset.file, f.dataset.line); };
|
|
});
|
