javascript

0x15-javascript-web_jquery/0-script.js

@@ -0,0 +1 @@
+document.querySelector('HEADER').style.color = '#FF0000';

0x15-javascript-web_jquery/1-script.js

@@ -0,0 +1 @@
+$('HEADER').css('color', '#FF0000');

0x15-javascript-web_jquery/100-script.js

@@ -0,0 +1,3 @@
+document.addEventListener('DOMContentLoaded', function () {
+  document.querySelector('HEADER').style.color = '#FF0000';
+});

0x15-javascript-web_jquery/101-script.js

@@ -0,0 +1,11 @@
+$('document').ready(function () {
+  $('DIV#add_item').click(function () {
+    $('UL.my_list').append('<li>Item</li>');
+  });
+  $('DIV#remove_item').click(function () {
+    $('UL.my_list li:last').remove();
+  });
+  $('DIV#clear_list').click(function () {
+    $('UL.my_list').empty();
+  });
+});

0x15-javascript-web_jquery/102-script.js

@@ -0,0 +1,8 @@
+$('document').ready(function () {
+  const url = 'https://www.fourtonfish.com/hellosalut/?';
+  $('INPUT#btn_translate').click(function () {
+    $.get(url + $.param({ lang: $('INPUT#language_code').val() }), function (data) {
+      $('DIV#hello').html(data.hello);
+    });
+  });
+});

0x15-javascript-web_jquery/103-script.js

@@ -0,0 +1,17 @@
+$('document').ready(function () {
+  $('INPUT#btn_translate').click(translate);
+  $('INPUT#language_code').focus(function () {
+    $(this).keydown(function (e) {
+      if (e.keyCode === 13) {
+        translate();
+      }
+    });
+  });
+});
+
+function translate () {
+  const url = 'https://www.fourtonfish.com/hellosalut/?';
+  $.get(url + $.param({ lang: $('INPUT#language_code').val() }), function (data) {
+    $('DIV#hello').html(data.hello);
+  });
+}

0x15-javascript-web_jquery/2-script.js

@@ -0,0 +1,3 @@
+$('DIV#red_header').click(function () {
+  $('HEADER').css('color', '#FF0000');
+});

0x15-javascript-web_jquery/3-script.js

@@ -0,0 +1,3 @@
+$('DIV#red_header').click(function () {
+  $('HEADER').addClass('red');
+});

0x15-javascript-web_jquery/4-script.js

@@ -0,0 +1,3 @@
+$('DIV#toggle_header').click(function () {
+  $('HEADER').toggleClass('green red');
+});

0x15-javascript-web_jquery/5-script.js

@@ -0,0 +1,3 @@
+$('DIV#add_item').click(function () {
+  $('UL.my_list').append('<li>Item</li>');
+});

0x15-javascript-web_jquery/6-script.js

@@ -0,0 +1,3 @@
+$('DIV#update_header').click(function () {
+  $('HEADER').text('New Header!!!');
+});

0x15-javascript-web_jquery/7-script.js

@@ -0,0 +1,3 @@
+$.get('https://swapi.co/api/people/5/?format=json', function (data) {
+  $('DIV#character').text(data.name);
+});

0x15-javascript-web_jquery/8-script.js

@@ -0,0 +1,3 @@
+$.get('https://swapi.co/api/films/?format=json', function (data) {
+  $('UL#list_movies').append(...data.results.map(movie => `<li>${movie.title}</li>`));
+});

0x15-javascript-web_jquery/9-script.js

@@ -0,0 +1,5 @@
+$('document').ready(function () {
+  $.get('https://fourtonfish.com/hellosalut/?lang=fr', function (data) {
+    $('DIV#hello').text(data.hello);
+  });
+});

0x15-javascript-web_jquery/README.md

@@ -0,0 +1 @@
+# 0x15-javascript-web_jquery