| This is definitely something you can do as a newbie. I'm a newbie working on my first project (well technically second but i decided the first i started was a little complex for a first) that is basically exactly what you're trying to do. A simple webpage that does calculations based on mathematical inputs and shows the outputs. https://jbcoventry.github.io/standard-drinks-calculator/ You can see the code here: https://github.com/jbcoventry/standard-drinks-calculator My suggestion would be to install VSCode, it's a very popular code editor so there's lots of information on the internet about doing things with it. Then install the extension Live Server for it. This lets you have your code up on one screen or on half of your screen, a browser showing your webpage on the other, and as you make changes to your code the browser will automatically show them. I find that instant feedback really helpful. As a test to make sure you've got it working and to quickly get some results up on the screen, feel free to copy my code and make some changes. Open three tabs in vscode, copy my html, js, and css files in to one each of them, save them all in to the same folder as index.html, script.js, and styles.css; then when you run Live Server a tab should open up in your browser that looks the same as when you open my first link except with this one you can change it. For example go to line 16 in index.html and change "Standard Drink Calculator" to something else. When you save it you should see the heading on your page in the browser change. Then you can go in to VSCode settings and turn autosave on, and you wont even have to press save any more. Then I can recommend three resources. freecodecamp.org for basic structured guides that take you from having nothing to something. javascript.info is a great online textbook. developer.mozilla.org/en-US/docs/Web you can think of as basically your coding dictionary. If you search for a term in here you will get a page on exactly what it does. Initially I think you will find searching javascript.info more useful than the mozilla docs because it fills you in with more general context. For example if you were reading my code and were all "huh, what's this addEventListener thing do" and searched for it in them, the top results you would get are these: https://javascript.info/introduction-browser-events https://developer.mozilla.org/en-US/docs/Web/API/EventTarget... I like that javascript.info starts with what events are, what you would do with them, and then moves in to why you would want addEventListener and how to use it. |