Praktikum pemrograman web modul 5

Tugas Praktikum

Script
hitungpesan.js
function totalHarga(){
    var harga;
    var pesanan;
    var total = 0;
  
    for(i = 0; i < 10; i += 2){
        harga = parseInt(document.pemesanan[i].value);
        pesanan = parseInt(document.pemesanan[i + 1].value);
      
        if(pesanan > 0){
            total = total + (harga * pesanan);
        }
      
        document.pemesanan.total.value = total;
    }
}

function diskon(){
    var total = parseInt(document.pemesanan.total.value);
    var diskon = 0;

PRaktikum pemrograman web modul 5

Studi Kasus

Script
hitung.js
function hitung(){
    var komponen = document.calc;
    var bil1 = parseInt(komponen.bil1.value);
    var bil2 = parseInt(komponen.bil2.value);  
    var op = komponen.op.value;
    var hasil;
  
    if(op == "add"){
        hasil = bil1 + bil2;
    }
    else if(op == "sub"){
        hasil = bil1 - bil2;
    }
    else if(op == "mpy"){
        hasil = bil1 * bil2;
    }
    else{
        hasil = bil1 / bil2;
    }
  
    komponen.hasil.value = hasil;
}

Praktikum pemrograman web - Modul 4

Tugas Rumah

css

body {
margin: 10px auto;
width: 1330px;
}
header{
height:100px;
border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;
background-image:url(head3.png);
background-repeat: repeat-x;}
#gbrheadr{
float:left;
width:100px;
height:80px;
background-image:url(gambar.png);
margin-left:100px;
}

Praktikum pemrograman web - Modul 4

Studi kasus

Script
css
body {
margin: 10px auto;
width: 1330px;
}
header{
height:80px;
border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;
}

PRaktikum pemrograman web modul 3

Studi Kasus
Source kode html
<!DOCTYPE html>
<html lang="en">

<head>
 <title>Posisi Division</title>
 <style type="text/css">
 <!--
 .box {
 padding: 10px;
 width: 200px;
 height: 200px;
 background: #00ff00;
 border: 4px double black;
 -moz-border-radius: 150px;
 }

 #teks{
 width: 75px;
 height: 75px;
 }

PRaktikum pemrograman web modul 3

Tugas Rumah
Source code html
<!doctype html>
<html lang:"lang">
<head>
<title> Rai Mu</title>
<link rel="stylesheet" href="book.css" type="text/css" />
<link rel="icon" href="icon.png" type="image/x-icon" />
</head>
<body>
<div class="head">
<div class="headtengah">
<div class="logofb"><img src="Rai.png">
</div>

praktikum pemrograman web

 Tugas Praktikum 2

<!DOCTYPE html>
<html lang="en">

<head>
<title>grafik berbasis tabel</title>
</head>

<body>
<table border="6" cellspacing=0 cellpadding=5 frame="hsides" rules="groups">
<caption>PERBANDINGAN FITUR</caption>
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<thead valign="middle">

praktikum pemrograman web

Tugas Praktikum 1

<!doctype html>
<html lang="en">
<head>
<title>Grafik berbasis tabel</title>
</head>
<body>
<table width="600",height="300">
<tr><th colspan=14><hr></th></tr>