Tugas 3

1.
Sourc code Profile

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Pemrograman Web - Bootstrap Admin Template</title>

<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/sb-admin.css" rel="stylesheet">

<link href="css/plugins/morris.css" rel="stylesheet">

<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">



</head>
<body>
<div id="wrapper">

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">

<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Pemrograman Web</a>
</div>

<ul class="nav navbar-right top-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> <b

class="caret"></b></a>
<ul class="dropdown-menu message-dropdown">
<li class="message-preview">
<a href="#">
<div class="media">
<span class="pull-left">
<img class="media-object" src="http://placehold.it/50x50" alt="">
</span>
<div class="media-body">
<h5 class="media-heading"><strong>Wiwa Rizki Novian</strong>
</h5>
<p class="small text-muted"><i class="fa fa-clock-o"></i> Yesterday at 4:32 PM</p>
<p>Lorem ipsum dolor sit amet, consectetur...</p>
</div>
</div>
</a>
</li>
<a href="#">
<div class="media">
</span>
</h5>
</div>
</div>
</a>
</li>
<a href="#">
<div class="media">
</span>
</h5>
</div>
</div>
</a>
</li>
<li class="message-footer">
<a href="#">Read All New Messages</a>
</li>
</ul>
</li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> <b

class="caret"></b></a>
<ul class="dropdown-menu alert-dropdown">
<li>
<a href="#">Alert Name <span class="label label-default">Alert Badge</span></a>
</li>
<li>
<a href="#">Alert Name <span class="label label-primary">Alert Badge</span></a>
</li>
<li>
<a href="#">Alert Name <span class="label label-success">Alert Badge</span></a>
</li>
<li>
<a href="#">Alert Name <span class="label label-info">Alert Badge</span></a>

</li>
<li>
<a href="#">Alert Name <span class="label label-warning">Alert Badge</span></a>
</li>
<li>
<a href="#">Alert Name <span class="label label-danger">Alert Badge</span></a>
</li>
<li class="divider"></li>
<li>
<a href="#">View All</a>
</li>
</ul>
</li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Wiwa Rizki

Novian <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
</li>
<li>
<a href="#"><i class="fa fa-fw fa-envelope"></i> Inbox</a>
</li>
<li>
<a href="#"><i class="fa fa-fw fa-gear"></i> Settings</a>
</li>
<li class="divider"></li>
<li>
<a href="#"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
</li>
</ul>
</li>
</ul>

<div class="user-panel">
<div class="pull-center image">
<img src="Biografi-Wiz-Khalifa.jpg" height="20" width="20">
</div>
<div class="pull-center info">
<p>Wiwa Rizki Novian</p>
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active">
<a href="index.html"><i class="fa fa-fw fa-dashboard"></i> Profile</a>
</li>
<li>
<a href="call.html"><i class="fa fa-fw fa-bar-chart-o"></i> Calculator</a>
</li>
<li>
<a href="bilprima.html"><i class="fa fa-fw fa-table"></i> Bilangan Prima</a>
</li>
<li>
<a href="nilai.html"><i class="fa fa-fw fa-edit"></i> Hitung Nilai</a>
</li>

</nav>

<div id="page-wrapper" class="page-wrapper-cls">
<div id="page-inner">
<div class="row">
<div class="col-md-12">
<h1 class="page-head-line">Data Diri</h1>
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-174-2.swf
width=150 height=50 wmode=transparent type=application/x-shockwave-flash></embed>
</div>
</div>
<div class="row">
<div class="panel panel-default">
<div class="panel-heading">
PROFIL
</div>
<div class="panel-body">
<table>
<img src="wiwa.jpeg" height="200" width="250">
<tr>
<td>Nama </td>
<td>:</td>
<td>Wiwa Rizki Novian</td>
</tr><tr>
<td>NIM </td>
<td>:</td>
<td>151051032</td>
</tr><tr>
<td>Alamat </td>
<td>:</td>
<td>jl. munggur</td>
</tr><tr>
<td>Kota Asal </td>
<td>:</td>
<td>Lampung</td>
</tr><tr>
<td>Status </td>
<td>:</td>
<td>Mahasiswa</td>
</tr>
</table>
</div>
</div>
</div>
</div>

</div>

</div>

</div>


<script src="js/jquery.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/plugins/morris/raphael.min.js"></script>
<script src="js/plugins/morris/morris.min.js"></script>
<script src="js/plugins/morris/morris-data.js"></script>
</body>
</html>
2. Sourch Code Kalkulator
<div id="page-wrapper" >
<div class="row">
<h2>Operasi Pembagian</h2>
<h5>Welcome <a href="https://web.facebook.com/wiwarizki">Wiwa Rizki Novian</a> , Love to see

you back. </h5>
</div>
</div>

<hr />
<script language="Javascript">
function mul () {
var val1=parseFloat(document.kirim.T1.value);
var jumlah=val1/val2;
if (isNaN (jumlah))
jumlah=alert ("Silahkan Isi Semua Inputan Terlebih Dahulu");
else
document.kirim.jml.value=jumlah;
</script>
<form method="post" name="kirim">
<PRE>
Masukan Bilangan Pertama : <input type="text" name="T1" size="20">
Masukan Bilangan Kedua : <input type="text" name="T2" size="20">
</PRE>
<p>
<input type="button" name="jumlah" value="Bagikan!" onclick=mul()>
<input type="reset" name="reset" value="Reset">
</p>
<pre>
Hasilnya : <input type="text" name="jml" size="20">
</pre>
</form>
</div>
<div class="row">
<h2>Operasi Perkalian</h2>
</div>
</div>

<hr />
function mul () {
var jumlah=val1*val2;
if (isNaN (jumlah))
else
</script>
<PRE>
</PRE>
<p>
<input type="button" name="jumlah" value="Kalikan!" onclick=mul()>
</p>
<pre>
</pre>
</form>
</div>
<div class="row">
<h2>Operasi Pengurangan</h2>
</div>
</div>

<hr />
function mul () {
var jumlah=val1-val2;
if (isNaN (jumlah))
else
</script>
<PRE>
</PRE>
<p>
<input type="button" name="jumlah" value="Kurangkan!" onclick=mul()>
</p>
<pre>
</pre>
</form>
</div>
<div class="row">
<h2>Operasi Penjumlahan</h2>
</div>
</div>

<hr />
function mul () {
var jumlah=val1+val2;
if (isNaN (jumlah))
else
</script>
<PRE>
</PRE>
<p>
<input type="button" name="jumlah" value="Jumlahkan!" onclick=mul()>
</p>
<pre>
</pre>
</form>
</div>
<div class="row">
<h2>Operasi Sisa Hasil Bagi (Modulus)</h2>

</div>
</div>

<hr />
function mul () {
var jumlah=val1%val2;
if (isNaN (jumlah))
else
</script>
<PRE>
</PRE>
<p>
<input type="button" name="jumlah" value="Moduluskan!" onclick=mul()>
</p>
<pre>
</pre>
</form>
</div>
3. Sourch Code Hitung nilai

<div class="row">
<h2>Mencari Nilai</h2>
<h5>Welcome <a href="https://web.facebook.com/wiwarizki">Wiwa Rizki Novan</a> , Love to see
you back. </h5>
</div>
</div>

<hr />
function mul () {
var tgs1=parseFloat(document.kirim.T1.value);
var uts=parseFloat(document.kirim.UTS.value);
var uas=parseFloat(document.kirim.UAS.value);
var abs=parseFloat(document.kirim.ABSEN.value);
var jumlah=(tgs1*10/100)+(tgs2*10/100)+(tgs3*10/100)+(tgs4*10/100)+(abs*10/100)+(uts*25/100)+
(uas*25/100);
if (isNaN (jumlah))
else if (jumlah>=80) {
huruf="A";
document.kirim.hrf.value=huruf;
huruf="B";
huruf="C";
huruf="D";
else {
huruf="E";
</script>
<PRE>
Tugas 1 : <input type="text" name="T1" size="20">
Nilai UTS : <input type="text" name="UTS" size="20">
Nilai UAS : <input type="text" name="UAS" size="20">
Kehadiran : <input type="text" name="ABSEN" size="20">
</PRE>
<p>
<input type="button" name="jumlah" value="Lihat Nilai!" onclick=mul()>
</p>
<pre>
Hasilnya Nilai : <input type="text" name="jml" size="20">
Hasilnya Huruf : <input type="text" name="hrf" size="20">
</pre>
</form>
</div>
4. Souch Code Bilangan Prima

<div id="page-wrapper" class="page-wrapper-cls">
<div class="row">
<table bordercolor=#FF9999 width="100%">
<h1 class="page-head-line">Bilangan Prima</h1>
<h5>Welcome <a href="https://web.facebook.com/wiwarizki">Wiwa Rizki Novan</a> , Love to see

you back. </h5>
</table>
</div>
</div>
<div class="row">
<div class="panel panel-default">
<div class="panel-heading">
</div>
<script type="text/javascript">
function cek(){
count=0;
bil1=eval(prim.bil.value);
for(i=0;i<=bil1;i++){
if(bil1%i==0)
count++;
if(count==2)
document.getElementById("hslTot").innerHTML="Bilangan Prima ";
} else
{document.getElementById("hslTot").innerHTML="Bukan Bilangan Prima ";
</script>
<div class="panel-body">
<form name="prim">
<div class="form-group">
<label>Masukan Bil Prima</label>
<input class="form-control" name="bil" placeholder="Masukan Bilangan" />

</div>
<input type="button" onclick="cek()" class="btn btn-success btn" value="Hitung

Nilai"><br><br>
<div id="hslTot" class="alert alert-info">
</div>
</form>
</div>
</div>
</div>
</div>
I. Tampilan Profile
II. Tampilan Kalkulator

bagi
kali
pengurangan
penambahan
modulus
III. bilanagn prima
IV. hitung nilai

Tugas 3

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Tugas 3

Загружено:

Авторское право:

Доступные форматы

1.

Sourc code Profile

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="description" content="">

<meta name="author" content="">

<title>Pemrograman Web - Bootstrap Admin Template</title>

<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/sb-admin.css" rel="stylesheet">

<link href="css/plugins/morris.css" rel="stylesheet">

<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">

<span class="sr-only">Toggle navigation</span>

<a class="navbar-brand" href="index.html">Pemrograman Web</a>

<ul class="nav navbar-right top-nav">

<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> <b

<ul class="dropdown-menu message-dropdown">

<img class="media-object" src="http://placehold.it/50x50" alt="">

<h5 class="media-heading"><strong>Wiwa Rizki Novian</strong>

<p class="small text-muted"><i class="fa fa-clock-o"></i> Yesterday at 4:32 PM</p>

<p>Lorem ipsum dolor sit amet, consectetur...</p>

<img class="media-object" src="http://placehold.it/50x50" alt="">

<h5 class="media-heading"><strong>Wiwa Rizki Novian</strong>

<p class="small text-muted"><i class="fa fa-clock-o"></i> Yesterday at 4:32 PM</p>

<p>Lorem ipsum dolor sit amet, consectetur...</p>

<img class="media-object" src="http://placehold.it/50x50" alt="">

<h5 class="media-heading"><strong>Wiwa Rizki Novian</strong>

<p class="small text-muted"><i class="fa fa-clock-o"></i> Yesterday at 4:32 PM</p>

<p>Lorem ipsum dolor sit amet, consectetur...</p>

<a href="#">Read All New Messages</a>

<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> <b

<ul class="dropdown-menu alert-dropdown">

<a href="#">Alert Name <span class="label label-default">Alert Badge</span></a>

<a href="#">Alert Name <span class="label label-primary">Alert Badge</span></a>

<a href="#">Alert Name <span class="label label-success">Alert Badge</span></a>

<a href="#">Alert Name <span class="label label-info">Alert Badge</span></a>

<a href="#">Alert Name <span class="label label-warning">Alert Badge</span></a>

<a href="#">Alert Name <span class="label label-danger">Alert Badge</span></a>

<a href="#">View All</a>

<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Wiwa Rizki

<a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>

<a href="#"><i class="fa fa-fw fa-envelope"></i> Inbox</a>

<a href="#"><i class="fa fa-fw fa-gear"></i> Settings</a>

<a href="#"><i class="fa fa-fw fa-power-off"></i> Log Out</a>

<div class="pull-center image">

<img src="Biografi-Wiz-Khalifa.jpg" height="20" width="20">

<p>Wiwa Rizki Novian</p>

<a href="#"><i class="fa fa-circle text-success"></i> Online</a>

<div class="collapse navbar-collapse navbar-ex1-collapse">

<ul class="nav navbar-nav side-nav">

<a href="index.html"><i class="fa fa-fw fa-dashboard"></i> Profile</a>

<a href="call.html"><i class="fa fa-fw fa-bar-chart-o"></i> Calculator</a>

<a href="bilprima.html"><i class="fa fa-fw fa-table"></i> Bilangan Prima</a>

<a href="nilai.html"><i class="fa fa-fw fa-edit"></i> Hitung Nilai</a>