From 7fa0b67119685f2e110a38c24f5d1720bde64244 Mon Sep 17 00:00:00 2001 From: Kilokem Date: Fri, 20 Sep 2024 09:47:23 +0200 Subject: [PATCH] NextStage! --- ConditionalConquest/index.html | 15 +++++++- ConditionalConquest/script.js | 67 +++++++++++++++++++++++++++++++--- FunctionalFun/index.html | 0 FunctionalFun/script.js | 0 4 files changed, 76 insertions(+), 6 deletions(-) create mode 100644 FunctionalFun/index.html create mode 100644 FunctionalFun/script.js diff --git a/ConditionalConquest/index.html b/ConditionalConquest/index.html index 83c6f20..4f2a19f 100644 --- a/ConditionalConquest/index.html +++ b/ConditionalConquest/index.html @@ -40,7 +40,6 @@

-
@@ -60,8 +59,22 @@

MethodChaining

+

Your name with capital first letter:

+ +
+

PIRAMIDTIME!!!!

+ +

+ +
+ +
+

NUMBER Guesser!

+

Guess the number between 10 and 25!

+ +
\ No newline at end of file diff --git a/ConditionalConquest/script.js b/ConditionalConquest/script.js index 3c77a33..b3e71d2 100644 --- a/ConditionalConquest/script.js +++ b/ConditionalConquest/script.js @@ -75,13 +75,39 @@ document.addEventListener("DOMContentLoaded", function() { } }; - document.getElementById("MethodChaining").onclick = function(){ - let name = window.prompt("Please enter your gorgeous name!!"); - username = username.strim() - } - + document.getElementById("MethodChaining").onclick = function(){ //Method chaining + let name = null; + while (name === "" || name === null) { // Strict operators: === and !== compares the value and the type while single == and != just compares the value + name = window.prompt("Please enter your gorgeous name!! THERES NO ESCAPE!"); + } + name = name.trim(); + document.getElementById("capitalisedletter").innerHTML += name.charAt(0).toUpperCase() + name.slice(1) + }; + document.getElementById("beginpiramid").onclick = function() { + let out = document.getElementById("piramidtime"); + if(out.innerHTML === ""){ + for (let i = 0; i < 30; i++) { + for(let j = i; j < 15; j++){ + out.innerHTML += "V"; + for (let ii = 0; ii < i; ii++) { + out.innerHTML += "A"; + } + } + out.innerHTML += "
"; + } + }else out.innerHTML = ""; + }; + document.getElementById("Guesserbeginer").onclick = function(){ + const min = 10, max = 24; + random = Math.trunc(Math.random()*(max-min)) + min + do { + answer = window.prompt("Guess the number between 10 and 25!") + } while (random !== Number(answer) && answer !== "" && answer !== null); + random === Number(answer) ? alert("You guessed it!!!") : null; + }; + }); function RadioChanged(){ //ternary operator statement ? true : false @@ -92,4 +118,35 @@ function RadioChanged(){ //ternary operator statement ? true : false "Not this!"; }; + +//Messing with lists +let fruits = ["Apple", "Preal", "Plum", "Banana", "Orange"]; + +console.log(fruits); +console.log(fruits[2]); + +fruits[0] = "Coconut"; + +fruits.push("Apple"); +console.log(fruits); + +fruits.pop(); + + +console.log(fruits.length); +console.log(fruits); +for (let index = 0; index < fruits.length; index++) { + console.error("Fake warning!!! " + fruits[index]); +} +for(let item of fruits){ + console.log(item); +} + +fruits.sort(); +console.log(fruits); + +fruits.sort().reverse(); +console.log(fruits); + + //https://youtu.be/lfmg-EJ8gm4?si=I0Ugyw-qkk3VX8Rk&t=7429 \ No newline at end of file diff --git a/FunctionalFun/index.html b/FunctionalFun/index.html new file mode 100644 index 0000000..e69de29 diff --git a/FunctionalFun/script.js b/FunctionalFun/script.js new file mode 100644 index 0000000..e69de29