init

5 years ago · 972819691d
parent 8bc961899c
commit 972819691d
3 changed files with 175 additions and 0 deletions
--- a/solutions/day-01/helloworld.js
+++ b/solutions/day-01/helloworld.js
@ -0,0 +1 @@
 console.log('MENCOBA MENGULANG JAVASCRIPT DARI AWAL')
--- a/solutions/day-01/index.html
+++ b/solutions/day-01/index.html
@ -0,0 +1,173 @@
 <!--! INLINE SCRIPT -->
 <!-- <!DOCTYPE html>
 <html>
  <head>
    <title>30DaysOfScript:Inline Script</title>
  </head>
  <body>
    <button onclick="alert('Welcome to 30DaysOfJavaScript!')">Click Me</button>
  </body>
 </html> -->
 <!-- INLINE SCRIPT -->
 <!--! INTERNAL SCRIPT -->
 <!--? Open the browser console to see the output from the console.log()  -->
 <!-- <!DOCTYPE html>
 <html>
  <head>
    <title>30DaysOfScript:Internal Script</title>
    <script>
      console.log('Welcome to 30DaysOfJavaScript')
    </script>
  </head>
  <body></body>
 </html> -->
 <!-- <!DOCTYPE html>
 <html>
  <head>
    <title>30DaysOfScript:Internal Script</title>
  </head>
  <body>
    <button onclick="alert('Welcome to 30DaysOfJavaScript!');">Click Me</button>
    <script>
      console.log('Welcome to 30DaysOfJavaScript')
    </script>
  </body>
 </html> -->
 <!--! INTERNAL SCRIPT  -->
 <!--! EXTERNAL SCRIPT -->
 <!-- HEAD -->
 <!-- <!DOCTYPE html>
 <html>
  <head>
    <title>30DaysOfJavaScript:External script</title>
    <script src="introduction.js"></script>
  </head>
  <body></body>
 </html> -->
 <!-- BODY -->
 <!--? it could be in the header or in the body // Here is the recommended place -->
 <!-- <!DOCTYPE html>
 <html>
  <head>
    <title>30DaysOfJavaScript:External script</title>
  </head>
  <body>
    <script src="introduction.js"></script>
  </body>
 </html> -->
 <!--! EXTERNAL SCRIPT  -->
 <!--! MULTIPLE EXTERNAL SCRIPT -->
 <!DOCTYPE html>
 <html>
  <head>
    <title>Multiple External Scripts</title>
  </head>
  <body>
    <!-- <script src="./introduction.js"></script>
    <script src="./helloworld.js"></script> -->
    <h1>halo semua</h1>
  </body>
 </html>
 <!--! MULTIPLE EXTERNAL SCRIPT -->
 <!-- !VARIABLE -->
 <!-- ADA 3 -->
 <!-- VAR, LET, CONST -->
 <!-- KITA MENGGUNAKAN ES6 YAITU LET DAN CONST KARENA LET CONST ADALAH BLOCK SCOPE -->
 <!--! VARIABLE  -->
 <!--! ARRAY -->
 <!-- array dapat menyimpan multiple value, dan setiap value memilki index -->
 <!-- array itu paling cocok dipakek buat list -->
 <script>
  // syntax
  //   const arr = Array();
  // or
  // let arr = new Array()
  //   console.log(arr);  // []
  //   Umumnya seperti ini
  const arr = [];
  //   console.log(arr);
  //   SEKARANG MENCARI LENGTH
  //  LENGTH ITU PANJANG dari suatu array
  //  kalau binggung sih sebenarnya bisa diitung aja berapa banyak elements dari variable arraynya
  const numbers = [0, 3.14, 9.81, 37, 98.6, 100]; // array of numbers
  const fruits = ["banana", "orange", "mango", "lemon"]; // array of strings, fruits
  const vegetables = ["Tomato", "Potato", "Cabbage", "Onion", "Carrot"]; // array of strings, vegetables
  const animalProducts = ["milk", "meat", "butter", "yoghurt"]; // array of strings, products
  const webTechs = ["HTML", "CSS", "JS", "React", "Redux", "Node", "MongDB"]; // array of web technologies
  const countries = ["Finland", "Denmark", "Sweden", "Norway", "Iceland"]; // array of strings, countries
  // Print the array and its length
  //   console.log("Numbers:", numbers);
  //   console.log("Number of numbers:", numbers.length);
  //   console.log("banyak length fruits: ", fruits.length); // lengthnya ada 4, indexnya ada 3 (karena dihitung dari nol)
  // array juga dapat memilki elements/ items dengan tipe data yang berbeda beda
  //   const arr = [
  //     1,
  //     "aku sayang ibu",
  //     true,
  //     { ibu: "billie elish", bapak: "khalid" },
  //     { profesi: ["tukang cukur", "penyanyi", "pengembala"] },
  //   ];
  // membuat array dengan split
  let js = "sekarang review ulang javascript";
  const jadiArr = js.split("");
  //console.log(jadiArr); // ["s", "e", "k", "a", "r", "a", "n", "g",.....]
  //   Acces array
  const accArr = ["bayu", "ini", "senin", "oke", "?"];
  //   console.log(accArr[2]); // senin
  //   Modify array
  accArr[0] = "toyib";
  //   console.log(accArr); // ["toyib", "ini", "senin", "oke", "?"]
  //   METHOD ARRAY
  // fill
  const fillArr = Array(5).fill(9);
  // console.log(fillArr); // [9,9,9,9,9]
  // concat
  const conArr1 = [1, 2, 3];
  const conArr2 = [1, 2, 3];
  const conArr3 = conArr1.concat(conArr2);
  // console.log(conArr3);// [1, 2, 3, 1, 2, 3]
  // length
  const lengthArr = [1, 2, 3];
  // console.log(lengthArr.length); // 3
  // indexOf
  // console.log(lengthArr.indexOf(3)); // 3 =>mencari index dengan parameter udah ditentukan
  // console.log(lengthArr.indexOf(4)); // -1 => nilai default karena tidak ada di dalam list array
  // toString
  console.log(lengthArr.toString()); // 1,2,3 => menjadi string
  // join
  const webTechs = [
    "HTML",
    "CSS",
    "JavaScript",
    "React",
    "Redux",
    "Node",
    "MongoDB",
  ]; // List of web technologies
  console.log(webTechs.join()); // "HTML,CSS,JavaScript,React,Redux,Node,MongoDB"
  console.log(webTechs.join(" # ")); // "HTML # CSS # JavaScript # React # Redux # Node # MongoDB"
 </script>
 <!--! ARRAY -->
--- a/solutions/day-01/introduction.js
+++ b/solutions/day-01/introduction.js
@ -0,0 +1 @@
 console.log('WELCOME TO MY SOLUTION 30 DAYS REACT')
		`@ -0,0 +1 @@`
							`console.log('MENCOBA MENGULANG JAVASCRIPT DARI AWAL')`
		`@ -0,0 +1 @@`
							`console.log('WELCOME TO MY SOLUTION 30 DAYS REACT')`