Summary

Summary JAVASCRIPT PROJECT FOR BEGGINERS

1 view 0 purchase

Course
CS1

Institution
GLA UNIVERSITY, MATHURA

Simple Calculator: Creating a basic calculator that can add, subtract, multiply, and divide two numbers using HTML, CSS, and JavaScript. Product Search Engine/Bar/Filter: Building a search bar and filter for a product list that allows users to search for products by name, category, or price usin...

[Show more]

Preview 2 out of 10 pages

View example

Uploaded on March 7, 2023
Number of pages 10
Written in 2022/2023
Type Summary

css
calculator
loop
search box
testimonal
cursor
animation
variables
pixels
html
h5

Institution
GLA UNIVERSITY, MATHURA
Course
CS1

CA$12.04

Added

Add to cart

Add to wishlist

100% satisfaction guarantee
Immediately available after payment
Both online and in PDF
No strings attached

1.Build Simple Calculator with JavaScript HTML CSS | JavaScript
Project

1.To create a simple calculator using HTML, CSS, and JavaScript, we need to start by
creating a section with class name "Calculator" inside the body of our index.html file.

2.Inside this "Calculator" section, we need to create a screen and button interface.

3.To style our screen, we can give it a class name "screen" and use CSS to set its width,
height, padding, and border.

4.For the buttons, we can copy and paste a button code four times and change the
button name and data attribute for each button.

5.When a button is clicked, we need to run a function that stores the button's value in a
variable and pushes it into the screen.

6.To clear the screen, we can create a clear button and call an evaluate function that sets
the screen value to an empty string.

7.The final result should be a 100-pixel wide and 150-pixel high calculator with buttons
centered in the screen and a 1-pixel border, black in color.

, 2.JavaScript Project | Create Product Search Engine/Bar/Filter in
JavaScript

1.Create a section with class "container" in the body of HTML.

2.Create a form with a search icon from Font Awesome Setup and add padding, border-
radius, and box-shadow to the input section.

3.Add display flags to the container and form, and give font size to the input section.

4.Copy the product class and style it in the stylesheet for displaying the product,
product image, product name, and price in one row.

5.Add more products by copying and pasting the div tag.

6.Add overflow-y scroll to the container to show the scroll bar for more products.

7.Take a variable "search box" in JavaScript to convert user values into uppercase for
searching.

8.Use a for loop to rearrange the product list according to the search values and show
the matching results.

9.Take the condition inside a variable "text value" and create another if condition for
rearranging and showing the matching products.

10.Put the match value inside an if condition and create another variable containing the
condition for user input and text content.

11.Only show the matching results if the user input is greater than 1.

The benefits of buying summaries with Stuvia:

Guaranteed quality through customer reviews

Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.

Quick and easy check-out

You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.

Focus on what matters

Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!

Frequently asked questions

What do I get when I buy this document?

You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.

Satisfaction guarantee: how does it work?

Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.

Who am I buying these notes from?

Stuvia is a marketplace, so you are not buying this document from us, but from seller pratapsinghanubhav123. Stuvia facilitates payment to the seller.

Will I be stuck with a subscription?

No, you only buy these notes for CA$12.04. You're not tied to anything after your purchase.

Can Stuvia be trusted?

4.6 stars on Google & Trustpilot (+1000 reviews)

77254 documents were sold in the last 30 days

Founded in 2010, the go-to place to buy study notes for 14 years now

Start selling