SEC S19W5 || Website Interactivity with JavaScript

1000127882.png
canvas

Friends welcome to another interesting post for today in which I have participated SEC S19W5 || Website Interactivity with JavaScript. The lesson was a bit technical while running to the program which I had to do with the way I understand the subject topic as given by professor @kouba01.

Homework:

Creating index.htm with styles.css and making the layout

Here I will be creating an HTML and CSS file to identify the zone that carries the title of the content and zone 2 which represents the navigation panel containing the following link:

  • Identification
  • Quadratic solver
  • Prime factors

HTML

1000127699.png1000127698.png

Here I included a JavaScript code into the HTML file which the function would be shown in the next lesson.


CSS

1000127697.png1000127701.png
1000127700.png1000127695.png

Output

1000127694.png
1000127696.png


Creating Identification.html page


HTML

1000127757.png1000127756.png

CSS

1000127755.png1000127759.png

Output

1000127758.png


Creating FactPrem.html page


HTML

1000127765.png


CCS

1000127764.png1000127763.png

1000127762.png


Creating a Resequation.html page

Since this is the last part of the practical I took my time and created three separate files and gave them a separate name (reSequation.html) which is the HTML file, then a file (styles.css) as the CSS file and with a file name (script.js) as the JavaScript file.

The purpose of creating the three separate is to get accurate results and not to caster other works. The setup of the three separate files is to get a "quadratic equation solver" that will take the coefficient as follows (a), (b), and (c) that would help us to calculate the roots of quadratic equation using the formula (ax2 + bx + c = 0).

At the end of the video y, you will see a brief view of the early work.


HTML

1000127797.png


CSS

1000127796.png1000127795.png
1000127799.png1000127798.png

JavaScript

1000127808.png1000127807.png

The video is the final result of my work.

Note: All the screenshots and video used in this post, are all products of mine.

I am inviting: @pelon53, @dove11, @Ihorgic, and @ruthjoe

Best Regards,
Dynamic Devs Team

Sort:  
Loading...

Upvoted. Thank You for sending some of your rewards to @null. It will make Steem stronger.

Greetings dear friend
Thanks for sharing your valuable task on JavaScript where you perform well and solve the equation. JavaScript used for holding and handling the objects on website layout. Your work is outstanding and I wish you more success.

I appreciate your support. JavaScript makes a webpage to have more functionality. Thanks for your support.


1.gif

TEAM 7

Congratulations, your post has been successfully curated by Team 7 via @𝐢𝐫𝐚𝐰𝐚𝐧𝐝𝐞𝐝𝐲

Hello @josepha hope you are having a good day your post is really informative great to see you’ve organized your project by creating separate HTML, CSS, and JavaScript files and making a "quadratic equation solver" is clear and shows good understanding of the topic. The breakdown of zones for layout and navigation is also helpful.,wish you more success 🤗🌸💖💞

Thank you friend for your support.

Coin Marketplace

STEEM 0.17
TRX 0.13
JST 0.027
BTC 58974.49
ETH 2666.08
USDT 1.00
SBD 2.45