https://kangtain.com/wiki/index.php?action=history&feed=atom&title=Pemrograman_Web%3ATugas_5
Pemrograman Web:Tugas 5 - Revision history
2026-05-11T17:39:42Z
Revision history for this page on the wiki
MediaWiki 1.45.1
https://kangtain.com/wiki/index.php?title=Pemrograman_Web:Tugas_5&diff=7662&oldid=prev
Kangtain at 08:52, 4 January 2023
2023-01-04T08:52:45Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 15:52, 4 January 2023</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l51">Line 51:</td>
<td colspan="2" class="diff-lineno">Line 51:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table border="1" align="center" width="70%"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table border="1" align="center" width="70%"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <td width="100%" colspan="2"><h2 align="center">Travel <del style="font-weight: bold; text-decoration: none;">STEKOM</del><h2></td></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <td width="100%" colspan="2"><h2 align="center">Travel <ins style="font-weight: bold; text-decoration: none;">Bears</ins><h2></td></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </tr></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </tr></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
</table>
Kangtain
https://kangtain.com/wiki/index.php?title=Pemrograman_Web:Tugas_5&diff=7661&oldid=prev
Kangtain: /* Pertanyaan */
2023-01-04T07:36:02Z
<p><span class="autocomment">Pertanyaan</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:36, 4 January 2023</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l119">Line 119:</td>
<td colspan="2" class="diff-lineno">Line 119:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Pertanyaan==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Pertanyaan==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Tambahkan Fasilitas Setelah <code>Tujuan</code> berupa pilihan (list/menu) = Ekonomi dan VIP</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Tambahkan Fasilitas Setelah <code>Tujuan</code> berupa pilihan (list/menu) = <ins style="font-weight: bold; text-decoration: none;"><code></ins>Ekonomi<ins style="font-weight: bold; text-decoration: none;"></code> </ins>dan <ins style="font-weight: bold; text-decoration: none;"><code></ins>VIP<ins style="font-weight: bold; text-decoration: none;"></code></ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Jika Ekonomi = Tanpa Ada Tambahan Total Bayar</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Jika <ins style="font-weight: bold; text-decoration: none;"><code></ins>Ekonomi<ins style="font-weight: bold; text-decoration: none;"></code> </ins>= Tanpa Ada Tambahan Total Bayar</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Jika <del style="font-weight: bold; text-decoration: none;">Vip </del>= Total Bayar + 10% Dari Total Bayar</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Jika <ins style="font-weight: bold; text-decoration: none;"><code>VIP</code> </ins>= Total Bayar + 10% Dari Total Bayar</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Untuk menambahkan fasilitas setelah tujuan yang berupa pilihan <del style="font-weight: bold; text-decoration: none;">ekonomi </del>dan VIP, Anda dapat menambahkan field pilihan (select) pada form HTML seperti berikut:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Untuk menambahkan fasilitas setelah tujuan yang berupa pilihan <ins style="font-weight: bold; text-decoration: none;"><code>Ekonomi</code> </ins>dan <ins style="font-weight: bold; text-decoration: none;"><code></ins>VIP<ins style="font-weight: bold; text-decoration: none;"></code></ins>, Anda dapat menambahkan field pilihan (select) pada form HTML seperti berikut:</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html" line="1"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html" line="1"></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l149">Line 149:</td>
<td colspan="2" class="diff-lineno">Line 149:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Dengan menambahkan kode tersebut, maka jika fasilitas yang dipilih adalah VIP, maka total bayar akan ditambah dengan 10% dari total bayar. Jika fasilitas yang dipilih adalah ekonomi, maka tidak akan ada tambahan total bayar.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Dengan menambahkan kode tersebut, maka jika fasilitas yang dipilih adalah VIP, maka total bayar akan ditambah dengan 10% dari total bayar. Jika fasilitas yang dipilih adalah ekonomi, maka tidak akan ada tambahan total bayar.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:Materi]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:Matkul]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:Pemrograman Web]]</ins></div></td></tr>
</table>
Kangtain
https://kangtain.com/wiki/index.php?title=Pemrograman_Web:Tugas_5&diff=7660&oldid=prev
Kangtain: Created page with "<syntaxhighlight lang="html" line="1"> <html> <head> <title>Percabangan IF-ELSE 2</title> </head> <body> <SCRIPT language="JavaScript"> <!-- function hitungtotal() { var nama = (document.fform.inama.value); var tujuan = (document.fform.itujuan.value); var jumlahtiket = parseFloat(document.fform.ijumlah.value); var ht = 0.0; //harga tiket var sub = 0.0;..."
2023-01-04T07:33:55Z
<p>Created page with "<syntaxhighlight lang="html" line="1"> <html> <head> <title>Percabangan IF-ELSE 2</title> </head> <body> <SCRIPT language="JavaScript"> <!-- function hitungtotal() { var nama = (document.fform.inama.value); var tujuan = (document.fform.itujuan.value); var jumlahtiket = parseFloat(document.fform.ijumlah.value); var ht = 0.0; //harga tiket var sub = 0.0;..."</p>
<p><b>New page</b></p><div><syntaxhighlight lang="html" line="1"><br />
<html><br />
<head><br />
<title>Percabangan IF-ELSE 2</title><br />
</head><br />
<br />
<body><br />
<SCRIPT language="JavaScript"><br />
<!--<br />
function hitungtotal() {<br />
var nama = (document.fform.inama.value);<br />
var tujuan = (document.fform.itujuan.value);<br />
var jumlahtiket = parseFloat(document.fform.ijumlah.value);<br />
var ht = 0.0; //harga tiket<br />
var sub = 0.0; //sub harga<br />
var diskon =0.0;<br />
var total =0.0; //total bayar<br />
<br />
if (tujuan=="Jakarta") {<br />
ht =250000;<br />
}<br />
<br />
else if (tujuan=="Surabaya") {<br />
ht =200000;<br />
}<br />
<br />
else {<br />
ht =75000;<br />
}<br />
<br />
sub = jumlahtiket*ht;<br />
<br />
if (document.fform.imember.checked==true) {<br />
diskon =0.10*sub;<br />
}<br />
<br />
else {<br />
diskon=0.0;<br />
}<br />
<br />
total = sub-diskon;<br />
document.fform.otiket.value=eval(ht);<br />
document.fform.osub.value=eval(sub);<br />
document.fform.odiskon.value=eval(diskon);<br />
document.fform.ototal.value=eval(total);<br />
// gunakan untuk mengecek !!! alert (total);<br />
}<br />
//--></SCRIPT><br />
<br />
<form NAME ="fform"><br />
<table border="1" align="center" width="70%"><br />
<tr><br />
<td width="100%" colspan="2"><h2 align="center">Travel STEKOM<h2></td><br />
</tr><br />
<br />
<tr><br />
<td width="50%">Nama :<br />
<input type="text" size="30" name="inama"><br />
<br><br />
<br />
Tujuan :<br />
<select name="itujuan" size="1"><br />
<option value="Jakarta">Jakarta</option><br />
<option value="Surabaya">Surabaya</option><br />
<option value="Yogyakarta">Yogyakarta</option><br />
</select><br />
<br><br />
<br />
Jumlah Tiket :<br />
<input type="text" size="6" name="ijumlah"><br />
<br><br />
<br />
Member :<br />
<input type="checkbox" name="imember">Ya<br />
</td><br />
<br />
<td width="50%"><br />
Harga Tiket :<br />
<input type="text" size="10" name="otiket"><br />
<br><br />
<br />
Sub Total :<br />
<input type="text" size="10" name="osub"><br />
<br><br />
<br />
Diskon :<br />
<input type="text" size="10" name="odiskon"><br />
<br><br />
<br />
Total Bayar :<br />
<input type="text" size="10" name="ototal"></td><br />
</tr><br />
<br />
<tr><br />
<td width="100%" colspan="2"><br />
<center><br />
<input type="button" value="Hitung" onclick="hitungtotal()"><br />
<input type="reset" value="Ulang"><br />
</center><br />
</td><br />
</tr><br />
</table><br />
</form><br />
</body><br />
</html><br />
</syntaxhighlight><br />
<br />
===Keterangan===<br />
Ini adalah kode HTML yang menampilkan form yang meminta input dari pengguna (nama, tujuan, jumlah tiket, dan member). Ketika tombol 'Hitung' diklik, maka akan memanggil fungsi 'hitungtotal' yang akan menghitung harga tiket, sub total, diskon, dan total bayar berdasarkan input pengguna. Hasil perhitungan akan ditampilkan pada form yang sesuai.<br />
<br />
Secara lebih detail, fungsi 'hitungtotal' akan melakukan perhitungan sebagai berikut:<br />
<br />
*Mendapatkan input nama, tujuan, dan jumlah tiket dari form.<br />
*Menentukan harga tiket berdasarkan tujuan yang dipilih oleh pengguna. Harga tiket akan menjadi 250000 jika tujuan adalah Jakarta, 200000 jika tujuan adalah Surabaya, dan 75000 jika tujuan adalah Yogyakarta.<br />
*Menghitung sub total dengan mengalikan jumlah tiket dengan harga tiket.<br />
*Menghitung diskon jika pengguna merupakan member. Diskon akan menjadi 10% dari sub total jika pengguna merupakan member, dan 0 jika pengguna bukan member.<br />
*Menghitung total bayar dengan mengurangi diskon dari sub total.<br />
*Menampilkan hasil perhitungan pada form yang sesuai.<br />
<br />
==Pertanyaan==<br />
Tambahkan Fasilitas Setelah <code>Tujuan</code> berupa pilihan (list/menu) = Ekonomi dan VIP<br />
*Jika Ekonomi = Tanpa Ada Tambahan Total Bayar<br />
*Jika Vip = Total Bayar + 10% Dari Total Bayar<br />
<br />
Untuk menambahkan fasilitas setelah tujuan yang berupa pilihan ekonomi dan VIP, Anda dapat menambahkan field pilihan (select) pada form HTML seperti berikut:<br />
<br />
<syntaxhighlight lang="html" line="1"><br />
Fasilitas:<br />
<select name="ifasilitas" size="1"><br />
<option value="Ekonomi">Ekonomi</option><br />
<option value="VIP">VIP</option><br />
</select><br />
</syntaxhighlight><br />
<br />
Kemudian, Anda dapat mengubah fungsi 'hitungtotal' seperti berikut ini:<br />
<br />
<syntaxhighlight lang="javascript" line="1"><br />
function hitungtotal() {<br />
// ...<br />
var fasilitas = (document.fform.ifasilitas.value);<br />
// ...<br />
total = sub-diskon;<br />
if (fasilitas == "VIP") {<br />
total = total + (0.1 * total);<br />
}<br />
// ...<br />
}<br />
</syntaxhighlight><br />
<br />
Dengan menambahkan kode tersebut, maka jika fasilitas yang dipilih adalah VIP, maka total bayar akan ditambah dengan 10% dari total bayar. Jika fasilitas yang dipilih adalah ekonomi, maka tidak akan ada tambahan total bayar.</div>
Kangtain