https://www.parliament.go.th/assets/theme/Main_theme/files/js/font-script.js?v=260924035033

1var waveBtn = (function () {
2    'use strict';
3    var btn = document.querySelectorAll('.wave'),
4        tab = document.querySelector('.tab-bar'),
5        indicator = document.querySelector('.indicator'),
6        indi = 30;
7    indicator.style.marginLeft = indi + 'px';
8  
9    for(var i = 0; i < btn.length; i++) {
10      btn[i].onmousedown = function (e) {
11        var newRound = document.createElement('div'),x,y;
12     
13        newRound.className = 'cercle';
14        this.appendChild(newRound);
15  
16        x = e.pageX - this.offsetLeft;
17        y = e.pageY - this.offsetTop;
18  
19        
20        newRound.style.left = x + "px";
21        newRound.style.top = y + "px";
22        newRound.className += " anim";
23  
24        indicator.style.marginLeft = indi + (this.dataset.num-1) * 240 + 'px';
25  
26        setTimeout(function() {
27          newRound.remove();
28        }, 1200);
29      };
30    }
31  }());
32
33  var waveBtn2 = (function () {
34    'use strict';
35    var btn2 = document.querySelectorAll('.wave2'),
36        tab2 = document.querySelector('.tab-bar2'),
37        indicator2 = document.querySelector('.indicator2'),
38        indi = 30;
39    indicator2.style.marginLeft = indi + 'px';
40  
41    for(var i = 0; i < btn2.length; i++) {
42      btn2[i].onmousedown = function (e) {
43        var newRound = document.createElement('div'),x,y;
44     
45        newRound.className = 'cercle';
46        this.appendChild(newRound);
47  
48        x = e.pageX - this.offsetLeft;
49        y = e.pageY - this.offsetTop;
50  
51        
52        newRound.style.left = x + "px";
53        newRound.style.top = y + "px";
54        newRound.className += " anim";
55  
56        indicator2.style.marginLeft = indi + (this.dataset.num-1) * 240 + 'px';
57  
58        setTimeout(function() {
59          newRound.remove();
60        }, 1200);
61      };
62    }
63  }());
64
65
66  $(function() {
67    var fontSize = 18;
68    $("#increase").click(
69        function() {
70            alert(555);
71            console.log("click");
72            fontSize += 2;
73            $("#hero-and-body").css({ 'font-size': fontSize });
74            
75            $("p").css({ 'font-size': fontSize });
76            $("div").css({ 'font-size': fontSize });
77        });
78    $("#decrease").click(
79        function() {
80            console.log("click");
81            fontSize -= 2;
82            $("#hero-and-body").css({ 'font-size': fontSize });
83            $("p").css({ 'font-size': fontSize });
84            $("div").css({ 'font-size': fontSize });
85        });
86    $("#default").click(
87        function() {
88            console.log("click");
89            fontSize = 18;
90            $("#hero-and-body").css({ 'font-size': fontSize });
91            $("p").css({ 'font-size': fontSize });
92            $("div").css({ 'font-size': fontSize });
93        });
94    })