This is a Vue starter project that allows you to view super cute dogs like a dating app!
← README.md: That's this file, where you can tell people what your cool website does and how you built it.
← index.html: This is the main web page for your site. The HTML defines the structure and content of the page using elements. You'll see references in the HTML to the JS and CSS files. Try clicking the image in the center of the page!
← style.css: CSS files add styling rules to your content. The CSS applies styles to the elements in your HTML page. The style rules also make the image move when you click it.
← script.js: If you're feeling fancy you can add interactivity to your site with JavaScript. The code in the JavaScript file runs when the page loads, and when the visitor clicks the button you can add below.
Open each file and check out the comments (in gray) for more info.
Make an edit to your website! In index.html, add this code on the line after the comment with "ADD BUTTON HERE" in it (you can copy and paste the button element HTML):
<button>
Click me!
</button>Look at the page to see the button. Click it!
Open script.js to see the script that makes the button rotate.
Glitch is a friendly community where millions of people come together to build web apps and websites.
- Need more help? Check out our Help Center for answers to any common questions.
- Ready to make it official? Become a paid Glitch member to boost your app with private sharing, more storage and memory, domains and more.