Instantly share code, notes, and snippets.
evalynechristie / index.html
- Download ZIP
- Star ( 0 ) 0 You must be signed in to star a gist
- Fork ( 0 ) 0 You must be signed in to fork a gist
- Embed Embed this gist in your website.
- Share Copy sharable link for this gist.
- Clone via HTTPS Clone using the web URL.
- Learn more about clone URLs
- Save evalynechristie/a2680cf1a4554b39bdc10291f37288a1 to your computer and use it in GitHub Desktop.
| <h1>JavaScript Homework</h1> | |
| <p> | |
| Add the JavaScript code needed to enable auto-complete on this form. Whenever the checkbox is checked, the code should automatically copy the values from Shipping Name and Shipping Zip into the Billing Name and Billing Zip. If the checkbox is unchecked, the Billing Name and Billing Zip should go blank. | |
| </p> | |
| <form> | |
| <fieldset> | |
| <legend>Shipping Information</legend> | |
| <label for ="shippingName">Name:</label> | |
| <input type = "text" name = "shipName" id = "shippingName" required> | |
| <br/> | |
| <label for = "shippingZip">Zip code:</label> | |
| <input type = "text" name = "shipZip" id = "shippingZip" pattern = "[0-9]{5}" required> | |
| <br/> | |
| </fieldset> | |
| <input type="checkbox" id="same" name="same" onchange= "billingFunction()"/> | |
| <label for = "same">Is the Billing Information the Same?</label> | |
| <fieldset> | |
| <legend>Billing Information</legend> | |
| <label for ="billingName">Name:</label> | |
| <input type = "text" name = "billName" id = "billingName" required> | |
| <br/> | |
| <label for = "billingZip">Zip code:</label> | |
| <input type = "text" name = "billZip" id = "billingZip" pattern = "[0-9]{5}" required> | |
| <br/> | |
| </fieldset> | |
| <input type = "submit" value = "Verify" /> | |
| </form> |
Interactivity with JavaScript - Week 4 - Homework
A Pen by evalynechristie on CodePen .
| function billingFunction(){ | |
| var isTheSame = document.getElementById('same'); | |
| var shippingName = document.getElementById('shippingName'); | |
| var shippingZip = document.getElementById('shippingZip'); | |
| var billingName = document.getElementById('billingName'); | |
| var billingZip = document.getElementById('billingZip'); | |
| if (isTheSame.checked) { | |
| billingName.value = shippingName.value; | |
| billingZip.value = shippingZip.value; | |
| billingName.setAttribute("required", true); | |
| billingZip.setAttribute("required", true); | |
| }else{ | |
| billingName.value = ""; | |
| billingZip.value = ""; | |
| billingName.removeAttribute("required"); | |
| billingZip.removeAttribute("required"); | |
| } | |
| } |
| form { | |
| width: 50%; | |
| border: 2px solid #ccc; | |
| padding: 10px; | |
| } | |
| fieldset{ | |
| margin-bottom: 4%; | |
| } | |
| label { | |
| display: block; | |
| } | |
| input:focus{ | |
| background-color: #e6e6e6; | |
| } | |
| input{ | |
| border:1px solid #333; | |
| } |
Interactivity With JavaScript
Assignment solutions.
Discover the Top 75 Free Courses for August
From Zero to GenAI: 9 Unique Ways to Understand Large Language Models
A human neural network trained on Anime subtitles was used to generate this article.
- 11 Best Data Structures & Algorithms Courses for 2024
- 9 Best TensorFlow Courses for 2024
- 10 Best Assembly Language Courses for 2024: Bare-Metal Programming
- 200+ Cursos Online da FGV com Certificado Gratuito
- 8 Best Cinema 4D Courses for 2024: Navigating the 3D Universe
600 Free Google Certifications
Most common
- project management
- web development
Popular subjects
Computer Science
Web Development
Cybersecurity
Popular courses
Spatial Data Science: The New Frontier in Analytics
Introduction to Biology - The Secret of Life
English for Career Development
Organize and share your learning with Class Central Lists.
View our Lists Showcase
Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.
Interactivity with JavaScript
University of Michigan via Coursera Help
- Week One: Data Types
- If you haven't use a traditional programming language before, this first week is key. Before we begin with the how, we will talk about the why, mainly why we want to use JavaScript. The main reason is that it is very easy for JavaScript to work with the DOM. And easy is always a great way to start. Speaking of starting out, it is also always more fun when our code actually does something we can see, so we will jump quickly into different ways we can generate output. It won't be flashy yet, but it will be a great way to get your feet wet with traditional programming. After that we go back to the basics of how a computer uses data. We begin with variables, expressions, and operators.
- Week Two: Reacting to Your Audience
- If you have written HTML code in the past, hopefully you have fallen into the great habit of validating your code -- making sure that you close all of your open tags. There are other rules that you may or may not have been following as well, for instance the importance of using each id attribute only once per page. This is called writing "clean" code. The reasoning and importance of following these rules becomes clear as we begin to manipulate the different components of your webpage based on the the actions of the person interacting with your page. In particular you will learn about the JavaScript Mouse Events and Touch Events. This week's materials will end with a photo gallery example that you can create along with me.
- Week Three: Arrays and Looping
- This week we will delve into more complex programming concepts: arrays and looping. Arrays allow you to represent groups of related information. Looping provides efficiency and flexibility to your programs. Using both we will expand upon the photo gallery example.
- Week Four: Using JS for Interactive Images
- This week is all about putting concepts together to do "cool" things. And we even stop for a second to talk about the the trade-off between cool things and accessibility. The final project this week will be a new version of your coding project in Week 2. You will make an interactive photo gallery from your own images and will add the functionality of keyboard accessibility to it.
Colleen Van Lent
- united states
Related Courses
Introduction to html5, advanced styling with responsive design, javascript and the dom, web design for everybody capstone, introduction to css3, programming with javascript, related articles, 5 best web development courses, 10 best javascript courses, 50+ free courses to learn javascript, react, node, 1700 coursera courses that are still completely free, 250 top free coursera courses of all time, massive list of mooc-based microcredentials.
4.2 rating, based on 12 Class Central reviews
4.7 rating at Coursera based on 7219 ratings
Select rating
Start your review of Interactivity with JavaScript
- GS Gorle Nithin Sai 5 months ago was an amazing course i did it only for my certificate.but however i suggest you to to opt for some other course if you are really serious to learn javascript. Helpful
- AA Anonymous 8 years ago This was a good class for those beginning in JavaScript. I wished the class had been a little longer, perhaps diving into back-end JavaScript, but overall this is a great course to add functionality and interactivity to your website. Helpful
- JB Jose Luis F F C Borges 4 years ago Good, although very introductory, course on JavaScript. You will learn JS in the context of adding interaction to a Web site, the language itself is learned very superficially. The instructor is clear in her explanations and focus on explaining the concepts - you won't just learn how to do it, you will have at least some understanding about why you are doing it that way. Helpful
- AA Anonymous 8 years ago Good class! These lessons got my brain thinking about the uses of JS to make my page interactive, and really inspired me to do more. I would like to see a class on back-end JavaScript with nodeJS and perhaps a class on ReactJS. I hope those will be coming soon, but this class was good! Helpful
- KM Krešimir Mandić 7 years ago Helpful
- CK Colin Khein 8 years ago Helpful
- AA Anton 8 years ago Helpful
- Rayhaan Pirani 8 years ago Helpful
- CS Charles Starbuck 7 years ago Helpful
- AK Anestis Kotidis 7 years ago Helpful
- Xenofon Karagiannis @xen0f0n 7 years ago Helpful
- MC Monica Carvajal 7 years ago Helpful
Never Stop Learning.
Get personalized course recommendations, track subjects and courses with reminders, and more.
IMAGES
VIDEO
COMMENTS
JavaScript preprocessors can help make authoring JavaScript easier and more convenient. Learn more ... } input:focus{ background-color: #E6E6E6; } fieldset{ margin-bottom: 4%; } ! JS JS Options Format JavaScript View Compiled JavaScript Analyze JavaScript Maximize JavaScript Editor Minimize JavaScript Editor Fold All Unfold All /*Add the ...
Interactivity with JavaScript - Week 4 - Homework. A Pen by evalynechristie on CodePen. License. Raw. script.js This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
This repository contains solutions of the assignment and quiz of the course Interactivity with Javascript offered by University of Michigan on Coursera. 5 stars 3 forks Branches Tags Activity Star
Solutions of all the assignments provided and also the practice work done during the course "Interactivity with JavaScript" by University Of Michigan on Coursera. This repository contains the solutions of the few major assignments provided by the instructor during the even weeks of the course " Interactivity with JavaScript " by University Of ...
Add this topic to your repo. To associate your repository with the interactivity-with-javascript topic, visit your repo's landing page and select "manage topics." GitHub is where people build software. More than 100 million people use GitHub to discover, fork, and contribute to over 420 million projects.
Coursera: Interactivity with javascript week 4 Assignment answer.👀♦️In this assignment change only Javascript code there is no need to change HTML and CSS ...
Interactivity With JavaScript Assignment Solutions. Interactive Photo Gallery Autocomplete With JavaScript
Learn JavaScript basics and interactivity with this 4-week course by the University of Michigan. Gain skills in variables, looping, functions, and debugging tools. ... 50+ Free Courses to Learn JavaScript, React, Node; 1700 Coursera Courses That Are Still Completely FREE; 250 Top FREE Coursera Courses of All Time; Massive List of MOOC-based ...
Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself. If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself. If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
AnilB12/Javascript-Coursera-week4. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. ... Coursera Week4 assignment. About. No description, website, or topics provided. Resources. Readme Activity. Stars. 0 stars Watchers. 1 watching Forks. 5 forks Report repository Releases
Assignment Link: https://github.com/souravghose/Interactivity-with-JavaScript---University-of-MichiganCourse Name: Interactivity with JavaScriptCourse Link: ...
Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package. Powered by . About Packages. Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
Coursera week 4 of Javascript assignment! Coursera course: HTML, CSS, and Javascript for Web Developers. Let's write a little bit of Javascript programming code to practice what we've learned! Woohoo! :-) Time to complete: About 30 minutes. Ask questions in Discussions if you get stuck! We are all learning, and going through getting stuck and ...
JavaScript coursera first assignment (gallery). Contribute to gu1ll0t1ne/Interactivity-with-JavaScript-week-2-assignment development by creating an account on GitHub.
Saved searches Use saved searches to filter your results more quickly