Javascript – Event Tanımlama
Ağustos 29, 2022Javascript – Event Handlers (Olay Yöneticileri)
Ağustos 29, 2022Javascript - Örnek Event Uygulaması
<!DOCTYPE html>
<html>
<head>
<title>Ömer Turak - Javascript - Code 14</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/bootstrap-theme.css">
</head>
<body>
<div class="container">
<div class="alert alert-success" role="alert">
<h4 class="alert-heading">Javascript Code Example 14 </h4> Javascript Events Application <a href="../index.html">Back Home</a>
</div>
<!-- Javascript event uygulaması -->
Number 1 : <input id="number1" type="text"><br>
Number 2 : <input id="number2" type="text"><br><br>
<button onclick="plus1()">+</button>
<button onclick="extraction1()">-</button>
<button onclick="chamber1()">/</button>
<button onclick="impact1()">*</button><br><br>
<strong>Result :</strong>
<div id="result1"></div>
<script type="text/javascript">
var result1 = document.getElementById("result1");
var number1 = document.getElementById("number1");
var number2 = document.getElementById("number2");
function plus1() {
result1.innerHTML = parseInt(number1.value) + parseInt(number2.value);
}
function extraction1() {
result1.innerHTML = parseInt(number1.value) - parseInt(number2.value);
}
function chamber1() {
result1.innerHTML = parseInt(number1.value) / parseInt(number2.value);
}
function impact1() {
result1.innerHTML = parseInt(number1.value) * parseInt(number2.value);
}
</script>
</div>
</body>
</html>