-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (66 loc) · 4.19 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!doctype html>
<html lang="en">
<head>
<title>JavaScript Basics</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS v5.2.1 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head>
<body>
<!-- <div class="container mt-5">
<h3 class="text-center text-primary display-4">JavaScript Button Events</h3>
<div class="text-center"> -->
<!-- tek tıklama -->
<!-- <button class="btn btn-secondary" onclick="eventFunction()">onclick</button> -->
<!-- çift tıklama -->
<!-- <button class="btn btn-primary" ondblclick="eventFunction()">ondblclick</button> -->
<!-- üzerinde scroll yapıldığında -->
<!-- <button class="btn btn-success" onmousewheel="eventFunction()">onmousewheel</button> -->
<!-- mouse üzerinden çıktığında -->
<!-- <button class="btn btn-danger" onmouseleave="eventFunction()">onmouseleave</button> -->
<!-- tuşa tıklandığında (down) -->
<!-- <button class="btn btn-dark" onkeydown="eventFunction()">onkeydown</button> -->
<!-- tuşa tıklandığında (up) -->
<!-- <button class="btn btn-info" onkeyup="eventFunction()">onkeyup</button>
</div>
</div>
<hr>
<h3 class="text-center text-primary display-4">JavaScript DOM</h3>
<div class="container">
<p id="parag_id" class="text-center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus illum exercitationem cumque aliquam, aliquid, obcaecati a sint praesentium officia vitae aspernatur tenetur rerum et voluptatem dolor at? Ducimus, possimus quibusdam!
Dicta id ab, quidem numquam atque asperiores fugiat doloribus odio quam voluptatum accusantium eaque et vero commodi tempore in ipsum pariatur adipisci veritatis blanditiis laboriosam! Suscipit architecto odio hic harum?
Voluptates aperiam ut temporibus ullam. Vitae, obcaecati. Dolorem fugiat sint sit non ipsum vitae in natus, facere quam officiis eius aut placeat autem reprehenderit corrupti iste voluptatum dicta architecto veritatis?</p>
<button class="btn btn-danger" onclick="newDataDate()">Data</button>
<span id="text-data">2020</span>
</div>
<hr>
<button onclick="outside()" >OutSide</button>
<hr>
<h3 class="text-center text-primary display-4">JavaScript Listener</h3>
<div class="container">
<p id="parag2_id" class="text-center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus illum exercitationem cumque aliquam, aliquid, obcaecati a sint praesentium officia vitae aspernatur tenetur rerum et voluptatem dolor at? Ducimus, possimus quibusdam!
Voluptates aperiam ut temporibus ullam. Vitae, obcaecati. Dolorem fugiat sint sit non ipsum vitae in natus, facere quam officiis eius aut placeat autem reprehenderit corrupti iste voluptatum dicta architecto veritatis?</p>
<br>
Log Information : <span id="log-admin"></span>
</div>
<hr>
-->
<!-- JQUERY -->
<!-- <div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123"> -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="app.js"></script>
<!-- Bootstrap JavaScript Libraries -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js"
integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous">
</script>
</body>
</html>