Question

In: Computer Science

Make a working good looking webpage (Home page) of a PAYROLL website using CSS, HTML, and...

Make a working good looking webpage (Home page) of a PAYROLL website using CSS, HTML, and JavaScript

# Sign in/SignUp page should work

# CSS HTML and javaScript should be in separate files

# Add images

# post a picture of your output and code as well

Solutions

Expert Solution

<html>

    <style>

    body,p {

     font-family:arial;

     font-size:16px;

     font-weight:bolder;

     }

     

    .container {

    width: 500px;

    clear: both;

    }

    .container input {

    width: 100%;

    clear: both;

    }

    </style>

        <div class="container">

    <body>

    <h3> Payroll System </h3>

    <br/>Employee's Name

    <input type="text" id="emp_name" name="emp_name">

    <br>

    <br/> Daily Rate

    <input type="text" id="daily_rate" name="daily_rate">

    <br>

    <br/> Number of Days Work

    <input type="text" id="no_days_work" name="no_days_work">

    <br>

    <br>

    <button onclick="solve_salary()">Total Salary</button>

    <br><br>

    <p id="demo"></p>

    <p id="demo2"></p>

    </div>

    <script>

     function solve_salary() {

    var emp_name = document.getElementById("emp_name").value;

        var daily_rate = document.getElementById("daily_rate").value;

        var no_days_work = document.getElementById("no_days_work").value;

        

     gross_pay= parseFloat(daily_rate) * no_days_work;

         

     results = "Employee's Name : " + emp_name + ".";

         results2 ="Basic Salary : Php " + gross_pay.toFixed(2)+".";

         

     document.getElementById("demo").innerHTML = results;

         document.getElementById("demo2").innerHTML = results2;

         

     }

    </script>

    </body>

    </html>

venereology answered 1 year ago
Next > < Previous

Related Solutions

Create a Home Page using HTML and CSS Part 1 • Contain an image or logo...
Create a Home Page using HTML and CSS Part 1 • Contain an image or logo about your website. • Must contain three navigation links. Home link. Registration link. Animations link. • Footer will contain links to web pages to any other site you wish (just be outside your webpage, like YouTube,etc.) Open links in new tab, not current tab. Create a Registration page: • Registration Fields: 1) User Name - Input Text 2) Password - Input Password 3) Repeat...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
Please write "my account" page program by using HTML and CSS
Please write "my account" page program by using HTML and CSS
Develop a personal web page for yourself using HTML, CSS, and Javascript Use the following HTML...
Develop a personal web page for yourself using HTML, CSS, and Javascript Use the following HTML tags to design your webpage: <h1>...</h1>,<h3>...</h3>, <h6>...</h6>, <p>...</p>, <b>...</b>, <i>...</i>, <a>...</a>, <img...>, <table>... </table>, <div>...</div>, <form>...</form>, <input type="text">, and <input type= "submit"> Use an external css to change the default style of your webpage. You must use at least one element selector, one id selector, and one class selector Using text input and submit button, allow the user to change the background color of...
Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Website theme can...
Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Website theme can be anything you want: a country, a town, a place, a hobby, people (yourself, your family...), pets, flowers, food, or anything that you find interesting or useful. It may be about real people/places/things or fictitious. Part 1: Content (HTML) After you decide the theme of your website, create HTML pages with the content you want to present. Remember to separate content from presentation. The...
ADVERTISEMENT
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT