Download to read offline
Uploaded byBrady Cheng
Javascipt ch1
This document discusses the roles of HTML, CSS, and JavaScript in building interactive webpages. It explains that HTML provides structure, CSS provides presentation, and JavaScript provides interactivity. It then provides examples of using basic JavaScript commands like prompt, alert, and event handlers to make a rock character greet and interact with the user. The document reviews that HTML builds the foundation, CSS provides styling, and JavaScript enables functionality and behaviors.
![[WEB UI BASIC] JavaScript 1탄](https://cdn.slidesharecdn.com/ss_thumbnails/javascript1-150426071310-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
Javascipt ch1
- 1. HFJS – Book ReviewCh1 Brady Cheng
- 2. Roles HTML, CSS, and JavaScript CSS: coating HTML: structure JavaScript: action HTML + CSS + JavaScript = Interaction
- 3. Beginning Use<script> totell browser we’re gonna use JavaScript <script type=“text/javascript”>…</script> Better put <script> in the <head> zone <html> <head> <script type=“text/javascript”> … </script> </head> <body> …. </body> </html>
- 4. Practice - iRock Practice goal Create a dead rock Say hello to the user when page loaded Ask user name Touch event of the rock
- 5. Practice - iRock Without JavaScript – just a dead rock
- 6. Practice - iRock Say hello to the user when page loaded
- 7. Practice - iRock Make the rock smile and say hello - prompt
- 8. Practice - iRock Make the rock smile and say hello - smile
- 9. Review Concept HTML: bone structure CSS: outside coating JavaScript: activities Practical stuff Prompt alert onClick event Function call