basic-js/latihan-2/segitiga.js at main · rpl-skandakra/basic-js · GitHub

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
const segitiga = {
  luas: (alas, tinggi) => {
    let luasSegitiga = alas * tinggi;
    luasSegitiga = luasSegitiga / 2;
    return luasSegitiga;
  },
  keliling: (alas, tinggi) => {
    const miring = Math.sqrt(Math.pow(alas, 2) + Math.pow(tinggi, 2));
    const kelilingSegitiga = alas + tinggi + miring;
    return kelilingSegitiga.toFixed(2);
  },
};

const inputAlas = document.getElementById('alas');
const inputTinggi = document.getElementById('tinggi');
const buttonLuasSegitiga = document.getElementById('luas-segitiga');
const buttonKelilingSegitiga = document.getElementById('keliling-segitiga');
const teksHasilSegitiga = document.getElementById('hasil-segitiga');
// const main = document.querySelector('main');

// buttonLuasSegitiga.addEventListener('click', () => {
//   const alas = Number(inputAlas.value);
//   const tinggi = Number(inputTinggi.value);
//   if (alas && tinggi) {
//     const hasil = segitiga.luas(alas, tinggi);
//     const elemenHasil = document.createElement('p');
//     const teksHasilSegitiga = document.createTextNode('Hasil: ' + hasil);
//     elemenHasil.setAttribute('id', 'hasil');
//     elemenHasil.appendChild(teksHasilSegitiga);
//     main.appendChild(elemenHasil);
//   } else {
//     alert('Silahkan masukkan alas dan tinggi');
//   }
// });

// buttonKelilingSegitiga.addEventListener('click', () => {
//   const alas = Number(inputAlas.value);
//   const tinggi = Number(inputTinggi.value);
//   if (alas && tinggi) {
//     const hasil = segitiga.keliling(alas, tinggi);
//     const elemenHasil = document.createElement('p');
//     const teksHasilSegitiga = document.createTextNode('Hasil: ' + hasil);
//     elemenHasil.setAttribute('id', 'hasil');
//     elemenHasil.appendChild(teksHasilSegitiga);
//     main.appendChild(elemenHasil);
//   } else {
//     alert('Silahkan masukkan alas dan tinggi');
//   }
// });

buttonLuasSegitiga.addEventListener('click', () => {
  const alas = Number(inputAlas.value);
  const tinggi = Number(inputTinggi.value);
  if (alas && tinggi) {
    const hasil = segitiga.luas(alas, tinggi);
    teksHasilSegitiga.textContent = 'Hasil: ' + hasil;
  } else {
    alert('Silahkan masukkan alas dan tinggi');
  }
});

buttonKelilingSegitiga.addEventListener('click', () => {
  const alas = Number(inputAlas.value);
  const tinggi = Number(inputTinggi.value);
  if (alas && tinggi) {
    const hasil = segitiga.keliling(alas, tinggi);
    teksHasilSegitiga.textContent = 'Hasil: ' + hasil;
  } else {
    alert('Silahkan masukkan alas dan tinggi');
  }
});