Berikut ini adalah contoh kode untuk membuat Natural Logarithm Calculator menggunakan JavaScript, HTML, dan CSS. Kode ini akan diimplementasikan dalam sebuah formulir HTML.
Kalkulator Logaritma Alami
Hasil:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Kalkulator Logaritma Alami</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
.container {
max-width: 400px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
label {
display: block;
margin-bottom: 10px;
}
input[type="number"] {
box-sizing : border-box;
width: 100%;
padding: 10px;
font-size: 11pt;
margin-bottom: 20px;
}
button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 3px;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
.result {
margin-top: 20px;
padding: 10px;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 3px;
}
</style>
</head>
<body>
<div class="container">
<h1>Kalkulator Logaritma Alami</h1>
<label for="number">Masukkan angka:</label>
<input type="number" id="number" placeholder="Masukkan angka">
<button onclick="calculate()">Hitung</button>
<div class="result">
<p>Hasil: <span id="result"></span></p>
</div>
</div>
<script>
function calculate() {
var number = document.getElementById('number').value;
var result = Math.log(number);
document.getElementById('result').textContent = result;
}
</script>
</body>
</html>Anda dapat menyalin kode di atas dan menjalankannya di browser untuk melihat kalkulator logaritma alami dalam tindakan.
Leave a Reply