Exercise 4: Order List

 

Owen Wilson go WOW


source:


<!DOCTYPE html>

<html>

<head>

<style>

h1 {

margin-left: 280px;

font-family: "Arial";

}

h4 {

margin-left: 285px;

font-family: "Arial";

}

p {

margin-left:40px;

}

label {

display: inline-block;

width: 150px;

height: 20px;

padding: 10px;

margin-left: 30px;

font-family: "Arial";

}

fieldset {

margin-left: 280px;

margin-right: 280px;

background: #909090;

padding: 5px;

font-family: "Times New Roman";

}

#demo {

position: relative;

margin-left: 280px;

margin-right: 280px;

}

#runthis {

margin-left: 205px;

margin-top:25px;

}

</style>

</head>

<body>


<h1> Order List </h1>

<h4> Please enter your details </h4>


<fieldset>

<label for="name">Enter your Name: </label>

<input type="text" placeholder="Enter name" onfocus="this.placeholder=''" name="Name" id="name" value="" required> <br>

<label for="number">Enter your order code: </label> 

<input type="number" placeholder="Enter order code" onfocus="this.placeholder=''" name="Code" id="code" value="" required><br><br>

<label style="margin-top:-22px;"> <i> Type "1" for Package 1 <br> Type "2" for Package 2 <br> Type "3" for Package 3 </i> </label> <br>


<label for="number">Enter number of days: </label>

<input type="number" placeholder="Enter number of days" onfocus="this.placeholder=''" name="Days" id="days" value="" required> <br>


<button type="button" id="runthis" onclick="display()">Bruh</button> <br><br>


</fieldset>


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


<script>


function display()

{

name=document.getElementById("name").value;

code=document.getElementById("code").value;

days=document.getElementById("days").value;

switch(code)

{

case '1':

price = 10000;

total = price*days;

order = "1: Photo Shoot";

document.getElementById("demo").innerHTML = "Name: "+name+"<br> Order: "+order+

"<br> Package: 200 Printed photos, copy of digital photos with Make-up Artist and Stylist"

+"<br> Price: 10,000 per day"+"<br> Number of Days: "+days+"<br> Total amount due: "+total;

break;

case '2':

price = 25000;

total = price*days;

order = "2: Photo and Video Coverage";

document.getElementById("demo").innerHTML = "Name: "+name+"<br> Order: "+order+

"<br> Package: 300 Printed photos, copy of digital photos / 1 edited video, copy of raw video footages, with Make-up Artist and Stylist"

+"<br> Price: 25,000 per day"+"<br> Number of Days: "+days+"<br> Total amount due: "+total;

break;

case '3':

price = 15000;

total = price*days;

order = "3: Video Coverage";

document.getElementById("demo").innerHTML = "Name: "+name+"<br> Order: "+order+

"<br> Package: 1 edited video, copy of raw video footages, with Make-up Artist and Stylist"

+"<br> Price: 15,000 per day"+"<br> Number of Days: "+days+"<br> Total amount due: "+total;

break;

default:

document.getElementById("demo").innerHTML = "No package found!";

break;


}

}

</script>

</body>

</html>


Comments

Post a Comment

Popular posts from this blog

Animation Transition Activity

<!DOCTYPE html> <html> <head> Animation   <style>  div {   width: 2000px;   height: 100px;   background-color: pink;   animation-name: example;   animation-duration: 10s; } } </style> </head> <body> <div><h1><center> Welcome!</center></h1></div> Cryptocurrencies such as ether and dogecoin have surged to highs that few investors would have predicted a year ago. The furious run has even the most optimistic traders asking: Can it last? The forces underpinning the crypto mania mirror those that saw GameStop Corp. shares tear higher earlier this year. Excess money from stimulus checks aimed at helping the most vulnerable make rent has also found its way to brokerage accounts that offer free trading. Meanwhile, people globally have spent more time at home and in front of screens as the pandemic shut businesses.Cryptocurrencies such as ether and dogecoin have surged to highs th...
Read more

Adding A Youtube Link Embed

 <!DOCTYPE html> <html> <head> Animation   <style>  div {   width: 2000px;   height: 100px;   background-color: pink;   animation-name: example;   animation-duration: 10s; } @keyframes example {   from {background-color: red;}   to {background-color: blue;} } </style> </head> <body> <div><h1><center> Welcome!</center></h1></div> Cryptocurrencies such as ether and dogecoin have surged to highs that few investors would have predicted a year ago. The furious run has even the most optimistic traders asking: Can it last? The forces underpinning the crypto mania mirror those that saw GameStop Corp. shares tear higher earlier this year. Excess money from stimulus checks aimed at helping the most vulnerable make rent has also found its way to brokerage accounts that offer free trading. Meanwhile, people globally have spent more time at home and in front of screens...
Read more

let's talk about Sketches

Who doesn't love sketches? they look messy but that's what's great about it! the fact that it looks so good without uniformed lines is what's fascinates me, either that or the other kind of sketches i see is when it's drawn on paper and it's usually consisted of portraits and other forms of realistic faces. For me as a cartoonist, sketches is where the drawing begins, the point a to point z, i can't do a drawing without making the proper sketch fundamentals of construction and proportions. without sketches, my drawings would actually be horribly anatomically wrong and that's not ok! You have seen those tutorials in how to draw where they start with simple shapes then in the next step it's already a face that you wanted to know how to do that process but you've been denied of it? Basically they want to teach you about how to use the constructions, nearly every drawings i work on, starts with a circle with a cross in the face, 2 circles for eyes...
Read more