Assalamu'alaikum
UJIAN PRAKTEK KELAS XII Tahun Pelajaran 2024/2025
- Sebelum mengerjakan silahkan membaca do'a terlebih dahulu
- Bacalah dengan teliti petunjuk ujian di bawah ini:
- Silahkan Copy dan Paste semua kode HTML di bawah ini ke dalam aplikasi notepad di komputer kalian, kemudian save dengan format "(ketik nama)-kalkulator.html"
- Pada Tag <title> silahkan ganti "HTML kalkulator" dengan "(ketik nama)-kalkulator"
- Silahkan buka link di sini
- Amatilah kalkulator online yang ada di link tersebut
- Silahkan sesuaikan kode HTML yang telah kalian simpan dengan menambahkan kode agar sama hasilnya dengan kalkulator online yang ada di link tersebut
- Untuk melihat hasil penambahan kode yang telah kalian buat, gunakan aplikasi web browser untuk membuka dokumen HTML yang telah kalian simpan tadi dengan cara:
- setelah menambahkan kode silahkan save dengan cara menombol Ctrl+S di keyboard
- reload aplikasi web browser kalian untuk melihat hasilnya
<!Doctype HTML>
<html>
<head>
<title>
HTML kalkulator
</title>
</head>
<body bgcolor= "# 000000" text= "gold">
<style>
input[type=button] {
width: 60px;
height: 60px;
float: left;
padding: 0;
margin: 5px;
box-sizing: border-box;
background: #acedef;
border: none;
font-size: 30px;
line-height: 30px;
border-radius: 10%;
font-weight: 700;
color: #5A5858;
cursor: pointer;
}
input[type=text] {
width: 270px;
height: 60px;
float: left;
padding: 0;
box-sizing: border-box;
border: none;
background: none;
color: red;
text-align: right;
font-weight: 700;
font-size: 60px;
line-height: 60px;
margin: 0 25px;
}
</style>
<table border="10" align="center" cellpadding="100" cellspacing="100" bgcolor="#c0c0a0"><tr><td>
<form name="calculator" >
<br><input type="textfield" name="ans" value="" border="4" align="center" Size="55" widht="200" cellpadding="20" cellspacing="20" >
</form>
<form>
<input type="button" value="8" onClick="document.calculator.ans.value+='8'">
<input type="button" value="9" onClick="document.calculator.ans.value+='9'">
<input type="button" name = "clear" value=" c " OnClick="document.calculator.ans.value = ''">
<input
type="button" name="del" value="⌫"
Onclick="document.calculator.ans.value=
document.calculator.ans.value.substring(0,document.calculator.ans.value.length-1)">
</form>
<form>
<input type="button" value="5" onClick="document.calculator.ans.value+='5'">
<input type="button" value="6" onClick="document.calculator.ans.value+='6'">
</form>
<form>
<input type="button" value="2" onClick="document.calculator.ans.value+='2'">
<input type="button" value="3" onClick="document.calculator.ans.value+='3'">
<input type="button" value="0" onClick="document.calculator.ans.value+='0'">
<input type="button" value="." onClick="document.calculator.ans.value+='.'">
<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
</form>
</tr></td>
</table>
</body>
</html>
