PHPHC-SUIYOBI
Eternal Poster
Good day po ! Ask lang po kung pano po i increase yung suggested price po , say ang suggested retail price ng car is 2,000,000 pesos po, then kapag dadagdagan ko po yung quantity ng car na bibilhin, magmumultiply po sya resulting to a new price po. and after po makapili kung anung type ng transmission ng car po, kapag iibahin po yung color ng car po magiiba din po price nya, kumbaga po yung isang color po ay worth 1M peso, and the rest of the colors are worth 2M peso po. Sana may makatulong po.
eto po yung code ko po, sana may makatulong po,
eto po yung code ko po, sana may makatulong po,
HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="layout.css"/>
<script>
function color1(){
document.getElementById('carimage') .src="car images/86-color1PureRed.jpg";
document.getElementById('colorName').innerHTML="86-Pure Red";
}
function color2(){
document.getElementById('carimage') .src="car images/86-color2IceSilverMetalic.jpg";
document.getElementById('colorName').innerHTML="86-Ice Silver";
}
function color3(){
document.getElementById('carimage') .src="car images/86-color3DarkGaryMetalic.jpg";
document.getElementById('colorName').innerHTML="86-Dark Gray Metalic";
}
function color4(){
document.getElementById('carimage') .src="car images/86-color4LapisBluePearl.jpg";
document.getElementById('colorName').innerHTML="86-Lapis Blue Pearl";
}
function color5(){
document.getElementById('carimage') .src="car images/86-color5OrangeMetalic.jpg";
document.getElementById('colorName').innerHTML="86-Orange Metalic";
}
function color6(){
document.getElementById('carimage') .src="car images/86-color6CrystalWhitePearl.jpg";
document.getElementById('colorName').innerHTML="86-Crystal White Pearl";
}
function color7(){
document.getElementById('carimage') .src="car images/86-color7CrystalBlackSilica.jpg";
document.getElementById('colorName').innerHTML="86-Crystal Black Silica";
}
function automatic(){
document.getElementById('spec1').innerHTML="4,240 x 1,775 x 1,320";
document.getElementById('spec2').innerHTML="2,570";
document.getElementById('spec3').innerHTML="D-4S(Direct-Injection 4-Stroke Gasoline Engine) 4-Cylinder, Boxer (Horizontal Opposed), Natural Aspiration, 16-Valve DOHC";
document.getElementById('spec4').innerHTML="1,998";
document.getElementById('spec5').innerHTML="200PS/7,000rpm";
document.getElementById('spec6').innerHTML="205Nm/6,400~6,600rpm";
document.getElementById('spec7').innerHTML="6-Speed Automatic with Paddle Shift";
document.getElementById('spec8').innerHTML = "Php 1,990,000 *Item prices / specifications may change without prior notice. *Specifications shown may vary from actual unit.";
}
</script>
</head>
<body>
<div id="main">
<header><h3 id="top">HOME'n IT Elective 1 Car Dealer</h3></header>
<nav>
<ul>
<li><a href="lastnameME.html">Choose your Color</a></li>
<li><a href="#86spec">Choose your Specs</a></li>
<li><a href="cyan.html">Create your account</a></li>
</ul>
</nav>
<article>
<!-- Choose your 86 Color ------------------------------------------------------------------------------------------------------------------------------->
<h2 id="86color">Choose your Car-86 Color</h2>
<p><img src="car images/86-color1PureRed.jpg" id="carimage"><br>
<button class="button" onclick="color1();">1</button>
<button class="button b2" onclick="color2();">2</button>
<button class="button b3" onclick="color3();">3</button>
<button class="button b4" onclick="color4();">4</button>
<button class="button b5" onclick="color5();">5</button>
<button class="button b6" onclick="color6();">6</button>
<button class="button b7" onclick="color7();">7</button>
Color: <b><label id="colorName">86-Pure Red</label></b>
</p>
<!-- Choose your 86 Specs ------------------------------------------------------------------------------------------------------------------------------->
<h2 id="86spec">Choose your Car-86 Specs</h2>
<p>
<input type="radio" name="sp" id="at" value="at" onclick="automatic();"> 86 2.0 A/T
<input type="radio" name="sp" id="mt" value="mt" onclick=""> 86 2.0 M/T<br>
Quantity: <input type="number" name="quan" id="quan" min="0" max="100" value="1" onclick="">
</p>
<table>
<tr>
<th width="25%">Hardware</th>
<th>Specs</th>
</tr>
<tr>
<td>Overall(LxWxH)</td>
<td><label id="spec1"></label></td>
</tr>
<tr>
<td>Wheelbase</td>
<td><label id="spec2"></label></td>
</tr>
<tr>
<td>Engine Type</td>
<td><label id="spec3"></label></td>
</tr>
<tr>
<td>Engine Displacement</td>
<td><label id="spec4"></label></td>
</tr>
<tr>
<td>Maximum Output</td>
<td><label id="spec5"></label></td>
</tr>
<tr>
<td>Maximum Torque</td>
<td><label id="spec6"></label></td>
</tr>
<tr>
<td>Transmission</td>
<td><label id="spec7"></label></td>
</tr>
<tr>
<td>Suggested Retail Price</td>
<td><h2 id="spec8"></h2></td>
</tr>
</table>
<p><a href="#top">back to top</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!-- Add Mags ------------------------------------------------------------------------------------------------------------------------------->
</article>
<footer>Created by:Me</footer>
</div>
</body>
</html>