UTS WEB

1. Script php

< !DOCTYPE html >
< html lang="en" >
< head >
< title > Tugas UTS WEB < /title >
< /head >
< body >
< dr >
< h1 > =:Sign Up Form:= < /h1 >
< FORM ACTION=" < ?php $_SERVER['PHP_SELF'];? > " METHOD="POST" >
Nama : < br > < dd > < input type="text" size="25" name="nama"
value=" < ?php
echo isset($_POST['nama']) ? $_POST['nama'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$nama = $_POST["nama"];
if (isset($nama)){
if (empty($nama)){
echo 'data Nama masih kosong';}
else
echo '';}
? > < /dd >
Email: < br > < dd > < input type="text" size="25" name="email"
value=" < ?php
echo isset($_POST['email']) ? $_POST['email'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$email = $_POST["email"];
if (isset($email)){
if (empty($email)){
echo 'data Email masih kosong';}
else
echo '';}
? > < /dd >
Alamat: < br > < dd > < input type="text" size="25" name="alamat"
value=" < ?php
echo isset($_POST['alamat']) ? $_POST['alamat'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$alamat = $_POST["alamat"];
if (isset($alamat)){
if (empty($alamat)){
echo 'data Alamat masih kosong';}
else
echo '';}
? > < /dd >
Kota: < br > < dd > < input type="text" size="25" name="kota"
value=" < ?php
echo isset($_POST['kota']) ? $_POST['kota'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$kota = $_POST["kota"];
if (isset($kota)){
if (empty($kota)){
echo 'data Kota masih kosong';}
else
echo '';}
? > < /dd >
Kode Pos: < br > < dd > < input type="text" size="25" name="kode"
value=" < ?php
echo isset($_POST['kode']) ? $_POST['kode'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$kode = $_POST["kode"];
if (isset($kode)){
if (empty($kode)){
echo 'data Kode Pos masih kosong';}
else
echo '';}
? > < /dd >
< br > < dd > < input type="submit" value="Process" / > < /dd > < /dr >
< ?php
if ((isset($_POST['nama'])) && (isset($_POST['email'])) && (isset($_POST['alamat'])) && (isset($_POST['kota'])) && (isset($_POST['kode'])))
{echo ' < br > Data Anda : ';
echo ' < br > Nama : ' . $_POST['nama'];
echo ' < br > Email : ' . $_POST['email'];
echo ' < br > Alamat : ' . $_POST['alamat'];
echo ' < br > Kota : ' . $_POST['kota'];
echo ' < br > Kode Pos : ' . $_POST['kode'];}
? >
< /form >
< /body >
< /html >


2. printscreen sebelum data dimasukkan




3. printscreen setelah data dimasukkan

tugas praktikum form pemesanan modul 5

1. script html

< !DOCTYPE html >
< html lang="en" >
< html >
< head >
< title > Form Pemesanan < /title >
< /head >
< body >
< script language="JavaScript" type="text/javascript" >
< !--
function itung(){
var tagihan = document.pesan;
var hrgbakso = 12000 * tagihan.harga1.value;
var hrgsoto = 10000 * tagihan.harga2.value;
var hrgmie = 15000 * tagihan.harga3.value;
var hrgdegan = 5000 * tagihan.harga4.value;
var hrgcampur = 7000 * tagihan.harga5.value;
var jumtotal = hrgbakso + hrgsoto + hrgmie + hrgdegan + hrgcampur;
if (jumtotal > 100000){
tagihan.total.value = jumtotal;
tagihan.diskon.value = 20/100*jumtotal;
tagihan.bayar.value = jumtotal - (tagihan.diskon.value);}
else if (jumtotal > 50000 && jumtotal < 100000){
tagihan.total.value = jumtotal;
tagihan.diskon.value = 10/100*jumtotal;
tagihan.bayar.value = jumtotal - (tagihan.diskon.value);}
else {
tagihan.total.value = jumtotal;
tagihan.diskon.value = 0;
tagihan.bayar.value = jumtotal - (tagihan.diskon.value);}
}
function del(){
document.pesan.reset();}
//-- >
< /script >
< h3 > Form Pemesanan Berbasis JavaScript < /h3 >
< form name="pesan" action="#" >
< table border="2px" >
< tr bgcolor="white" >
< th > No < /th >
< th > Makanan/Minuman < /th >
< th > Harga < /th >
< th > Pesan < /th >
< /tr >
< tr >
< td width="15px" > 1 < /td >
< td width="150px" > Bakso Istimewa < /td >
< td width="90px" > @ < input type="text" name="bakso" value="12000" size="6" readonly > < /td >
< td width="100px" > < input type="text" name="harga1" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 2 < /td >
< td > Soto Spesial < /td >
< td > @ < input type="text" name="soto" value="10000" size="6" readonly > < /td >
< td > < input type="text" name="harga2" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 3 < /td >
< td > Mie Ayam Super < /td >
< td > @ < input type="text" name="mie" value="15000" size="6" readonly > < /td >
< td > < input type="text" name="harga3" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 4 < /td >
< td > Es Degan < /td >
< td > @ < input type="text" name="degan" value="5000" size="6" readonly > < /td >
< td > < input type="text" name="harga4" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 5 < /td >
< td > Es Campur < /td >
< td > @ < input type="text" name="campur" value="7000" size="6" readonly > < /td >
< td > < input type="text" name="harga5" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr bgcolor="white" >
< td colspan="3" align="right" > Jumlah Total < /td >
< td > < input type="text" name="total" readonly > < /td >
< /tr >
< tr bgcolor="white" >
< td colspan="3" align="right" > Diskon < /td >
< td > < input type="text" name="diskon" readonly > < /td >
< /tr >
< tr bgcolor="white" >
< td colspan="3" align="right" > Jumlah Dibayar < /td >
< td > < input type="text" name="bayar" readonly align="right"/ > < /td >
< /tr >
< /table > < br/ >
< input type="button" value="BATAL" onClick="del()" / >
< /form >
< /body >
< /html >

2. printscreen

a. saat perhitungan



b. setelah di reset

studi kasus kalkulator modul 5

1. javascript

function itung(){
var operasi = document.kalkulator;
var bil1 = parseInt(operasi.bil1.value);
var bil2 = parseInt(operasi.bil2.value);
var ope = operasi.ope.value;
var hasil;
if(ope == "tambah"){
hasil = bil1 + bil2;}
else if(ope == "kurang"){
hasil = bil1 - bil2;}
else if(ope == "kali"){
hasil = bil1 * bil2;}
else{
hasil = bil1 / bil2;}
operasi.hasil.value = hasil;
}

2. script html

< !DOCTYPE html >
< html lang="en" >
< head >
< title > Tugas Buat Kalkulator < /title >
< script language="JavaScript" type="text/javascript" src="itungan.js" > < /script >
< /head >
< body bgcolor="brown" >
< h3 > < font color="Yellow" > Kalkulator Sederhana < /font > < /h3 >
< form name="kalkulator" action="#" >
< input type="text" size="5" name="bil1" >
< select name="ope" >
< option value="tambah" > + < /option >
< option value="kurang" > - < /option >
< option value="kali" > * < /option >
< option value="bagi" > / < /option >
< /select >
< input type="text" size="5" name="bil2" >
< input type="button" value="=" onclick="itung()"/ >
< input type="text" size="10" name="hasil" readonly >
< /form >
< /body >
< /html >

3. printscreen