Latest commit

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Ironhack Logo

JS | Basic Algorithms

Welcome to your first bootcamp exercise at IronHack!

The goal of this exercise is to get you acquainted with the different control structures we have in JavaScript.

Ready?

Introduction

For this Pair-Programming activity we are going to use a REPL. You can fine a REPL that runs in the browser for programming languages as JavaScript in repl.it

We could also type JavaScript code in an editor, and then execute it to see the results in the REPL.

Ready to start?

Requirements

  • Go to repl.it and create an account (or login if you have one)

  • Open a new repl.it and make sure the language is ==JavaScript==

  • Type this in the ==Code Editor== (left panel)

    console.log("I'm Ready!");
  • Press run ►

  • If you can see the message on the JavaScript REPL, you're ready!!

Submission

When you are done and you have checked that everything works fine, go to https://gist.github.com/, create a new secret gist and send it to your Instructor.

Remember: Remember to add the extension of the file fileName.js in the "Filename including extension" input box so you can enjoy syntax highlighting in your gist

Exercise

Names and Input

  1. Create a variable hacker1 with the driver's name

  2. Print "The driver's name is XXXX"

  3. Create a variable hacker2 and ask the user for the navigator's name

  4. Print "The navigator's name is YYYY"

Conditionals

  1. Depending on which name is longer, print:
    • The Driver has the longest name, it has XX characters or
    • Yo, navigator got the longest name, it has XX characters or
    • wow, you both got equally long names, XX characters!!

Loops

  1. Print all the characters of the driver's name, separated by a space and in capitals ie. "J O H N"

  2. Print all the characters of the navigator's name, in reverse order. ie. "nhoJ"

  3. Depending on the lexicographic order of the strings, print:

  • The driver's name goes first
  • Yo, the navigator goes first definitely
  • What?! You both got the same name?

Bonus Time!

  1. Ask the user for a new string and check if it's a Palindrome. Examples of palindromes:

    • "A man, a plan, a canal, Panama!"
    • "Amor, Roma"
    • "race car"
    • "stack cats"
    • "step on no pets"
    • "taco cat"
    • "put it up"
    • "Was it a car or a cat I saw?" and "No 'x' in Nixon".
  2. Go to lorem ipsum generator and:

  • Generate 3 parragraphs. Store the text in a String
  • Make your program count the number of words in the string
  • Make your program count the number of times the latin word etappears

Extra Resources

About

An exercise designed to learn basic JS algorithms (var, loops, etc...)

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Latest commit

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Ironhack Logo

JS | Basic Algorithms

Welcome to your first bootcamp exercise at IronHack!

The goal of this exercise is to get you acquainted with the different control structures we have in JavaScript.

Ready?

Introduction

For this Pair-Programming activity we are going to use a REPL. You can fine a REPL that runs in the browser for programming languages as JavaScript in repl.it

We could also type JavaScript code in an editor, and then execute it to see the results in the REPL.

Ready to start?

Requirements

  • Go to repl.it and create an account (or login if you have one)

  • Open a new repl.it and make sure the language is ==JavaScript==

  • Type this in the ==Code Editor== (left panel)

    console.log("I'm Ready!");
  • Press run ►

  • If you can see the message on the JavaScript REPL, you're ready!!

Submission

When you are done and you have checked that everything works fine, go to https://gist.github.com/, create a new secret gist and send it to your Instructor.

Remember: Remember to add the extension of the file fileName.js in the "Filename including extension" input box so you can enjoy syntax highlighting in your gist

Exercise

Names and Input

  1. Create a variable hacker1 with the driver's name

  2. Print "The driver's name is XXXX"

  3. Create a variable hacker2 and ask the user for the navigator's name

  4. Print "The navigator's name is YYYY"

Conditionals

  1. Depending on which name is longer, print:
    • The Driver has the longest name, it has XX characters or
    • Yo, navigator got the longest name, it has XX characters or
    • wow, you both got equally long names, XX characters!!

Loops

  1. Print all the characters of the driver's name, separated by a space and in capitals ie. "J O H N"

  2. Print all the characters of the navigator's name, in reverse order. ie. "nhoJ"

  3. Depending on the lexicographic order of the strings, print:

  • The driver's name goes first
  • Yo, the navigator goes first definitely
  • What?! You both got the same name?

Bonus Time!

  1. Ask the user for a new string and check if it's a Palindrome. Examples of palindromes:

    • "A man, a plan, a canal, Panama!"
    • "Amor, Roma"
    • "race car"
    • "stack cats"
    • "step on no pets"
    • "taco cat"
    • "put it up"
    • "Was it a car or a cat I saw?" and "No 'x' in Nixon".
  2. Go to lorem ipsum generator and:

  • Generate 3 parragraphs. Store the text in a String
  • Make your program count the number of words in the string
  • Make your program count the number of times the latin word etappears

Extra Resources

About

An exercise designed to learn basic JS algorithms (var, loops, etc...)

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Ironhack Logo

JS | Basic Algorithms

Welcome to your first bootcamp exercise at IronHack!

The goal of this exercise is to get you acquainted with the different control structures we have in JavaScript.

Ready?

Introduction

For this Pair-Programming activity we are going to use a REPL. You can fine a REPL that runs in the browser for programming languages as JavaScript in repl.it

We could also type JavaScript code in an editor, and then execute it to see the results in the REPL.

Ready to start?

Requirements

  • Go to repl.it and create an account (or login if you have one)

  • Open a new repl.it and make sure the language is ==JavaScript==

  • Type this in the ==Code Editor== (left panel)

    console.log("I'm Ready!");
  • Press run ►

  • If you can see the message on the JavaScript REPL, you're ready!!

Submission

When you are done and you have checked that everything works fine, go to https://gist.github.com/, create a new secret gist and send it to your Instructor.

Remember: Remember to add the extension of the file fileName.js in the "Filename including extension" input box so you can enjoy syntax highlighting in your gist

Exercise

Names and Input

  1. Create a variable hacker1 with the driver's name

  2. Print "The driver's name is XXXX"

  3. Create a variable hacker2 and ask the user for the navigator's name

  4. Print "The navigator's name is YYYY"

Conditionals

  1. Depending on which name is longer, print:
    • The Driver has the longest name, it has XX characters or
    • Yo, navigator got the longest name, it has XX characters or
    • wow, you both got equally long names, XX characters!!

Loops

  1. Print all the characters of the driver's name, separated by a space and in capitals ie. "J O H N"

  2. Print all the characters of the navigator's name, in reverse order. ie. "nhoJ"

  3. Depending on the lexicographic order of the strings, print:

  • The driver's name goes first
  • Yo, the navigator goes first definitely
  • What?! You both got the same name?

Bonus Time!

  1. Ask the user for a new string and check if it's a Palindrome. Examples of palindromes:

    • "A man, a plan, a canal, Panama!"
    • "Amor, Roma"
    • "race car"
    • "stack cats"
    • "step on no pets"
    • "taco cat"
    • "put it up"
    • "Was it a car or a cat I saw?" and "No 'x' in Nixon".
  2. Go to lorem ipsum generator and:

  • Generate 3 parragraphs. Store the text in a String
  • Make your program count the number of words in the string
  • Make your program count the number of times the latin word etappears

Extra Resources

About

An exercise designed to learn basic JS algorithms (var, loops, etc...)

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Ironhack Logo

JS | Basic Algorithms

Welcome to your first bootcamp exercise at IronHack!

The goal of this exercise is to get you acquainted with the different control structures we have in JavaScript.

Ready?

Introduction

For this Pair-Programming activity we are going to use a REPL. You can fine a REPL that runs in the browser for programming languages as JavaScript in repl.it

We could also type JavaScript code in an editor, and then execute it to see the results in the REPL.

Ready to start?

Requirements

  • Go to repl.it and create an account (or login if you have one)

  • Open a new repl.it and make sure the language is ==JavaScript==

  • Type this in the ==Code Editor== (left panel)

    console.log("I'm Ready!");
  • Press run ►

  • If you can see the message on the JavaScript REPL, you're ready!!

Submission

When you are done and you have checked that everything works fine, go to https://gist.github.com/, create a new secret gist and send it to your Instructor.

Remember: Remember to add the extension of the file fileName.js in the "Filename including extension" input box so you can enjoy syntax highlighting in your gist

Exercise

Names and Input

  1. Create a variable hacker1 with the driver's name

  2. Print "The driver's name is XXXX"

  3. Create a variable hacker2 and ask the user for the navigator's name

  4. Print "The navigator's name is YYYY"

Conditionals

  1. Depending on which name is longer, print:
    • The Driver has the longest name, it has XX characters or
    • Yo, navigator got the longest name, it has XX characters or
    • wow, you both got equally long names, XX characters!!

Loops

  1. Print all the characters of the driver's name, separated by a space and in capitals ie. "J O H N"

  2. Print all the characters of the navigator's name, in reverse order. ie. "nhoJ"

  3. Depending on the lexicographic order of the strings, print:

  • The driver's name goes first
  • Yo, the navigator goes first definitely
  • What?! You both got the same name?

Bonus Time!

  1. Ask the user for a new string and check if it's a Palindrome. Examples of palindromes:

    • "A man, a plan, a canal, Panama!"
    • "Amor, Roma"
    • "race car"
    • "stack cats"
    • "step on no pets"
    • "taco cat"
    • "put it up"
    • "Was it a car or a cat I saw?" and "No 'x' in Nixon".
  2. Go to lorem ipsum generator and:

  • Generate 3 parragraphs. Store the text in a String
  • Make your program count the number of words in the string
  • Make your program count the number of times the latin word etappears

Extra Resources

About

An exercise designed to learn basic JS algorithms (var, loops, etc...)

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Latest commit

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Ironhack Logo

JS | Basic Algorithms

Welcome to your first bootcamp exercise at IronHack!

The goal of this exercise is to get you acquainted with the different control structures we have in JavaScript.

Ready?

Introduction

For this Pair-Programming activity we are going to use a REPL. You can fine a REPL that runs in the browser for programming languages as JavaScript in repl.it

We could also type JavaScript code in an editor, and then execute it to see the results in the REPL.

Ready to start?

Requirements

  • Go to repl.it and create an account (or login if you have one)

  • Open a new repl.it and make sure the language is ==JavaScript==

  • Type this in the ==Code Editor== (left panel)

    console.log("I'm Ready!");
  • Press run ►

  • If you can see the message on the JavaScript REPL, you're ready!!

Submission

When you are done and you have checked that everything works fine, go to https://gist.github.com/, create a new secret gist and send it to your Instructor.

Remember: Remember to add the extension of the file fileName.js in the "Filename including extension" input box so you can enjoy syntax highlighting in your gist

Exercise

Names and Input

  1. Create a variable hacker1 with the driver's name

  2. Print "The driver's name is XXXX"

  3. Create a variable hacker2 and ask the user for the navigator's name

  4. Print "The navigator's name is YYYY"

Conditionals

  1. Depending on which name is longer, print:
    • The Driver has the longest name, it has XX characters or
    • Yo, navigator got the longest name, it has XX characters or
    • wow, you both got equally long names, XX characters!!

Loops

  1. Print all the characters of the driver's name, separated by a space and in capitals ie. "J O H N"

  2. Print all the characters of the navigator's name, in reverse order. ie. "nhoJ"

  3. Depending on the lexicographic order of the strings, print:

  • The driver's name goes first
  • Yo, the navigator goes first definitely
  • What?! You both got the same name?

Bonus Time!

  1. Ask the user for a new string and check if it's a Palindrome. Examples of palindromes:

    • "A man, a plan, a canal, Panama!"
    • "Amor, Roma"
    • "race car"
    • "stack cats"
    • "step on no pets"
    • "taco cat"
    • "put it up"
    • "Was it a car or a cat I saw?" and "No 'x' in Nixon".
  2. Go to lorem ipsum generator and:

  • Generate 3 parragraphs. Store the text in a String
  • Make your program count the number of words in the string
  • Make your program count the number of times the latin word etappears

Extra Resources

About

An exercise designed to learn basic JS algorithms (var, loops, etc...)

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Ironhack Logo

JS | Basic Algorithms

Welcome to your first bootcamp exercise at IronHack!

The goal of this exercise is to get you acquainted with the different control structures we have in JavaScript.

Ready?

Introduction

For this Pair-Programming activity we are going to use a REPL. You can fine a REPL that runs in the browser for programming languages as JavaScript in repl.it

We could also type JavaScript code in an editor, and then execute it to see the results in the REPL.

Ready to start?

Requirements

  • Go to repl.it and create an account (or login if you have one)

  • Open a new repl.it and make sure the language is ==JavaScript==

  • Type this in the ==Code Editor== (left panel)

    console.log("I'm Ready!");
  • Press run ►

  • If you can see the message on the JavaScript REPL, you're ready!!

Submission

When you are done and you have checked that everything works fine, go to https://gist.github.com/, create a new secret gist and send it to your Instructor.

Remember: Remember to add the extension of the file fileName.js in the "Filename including extension" input box so you can enjoy syntax highlighting in your gist

Exercise

Names and Input

  1. Create a variable hacker1 with the driver's name

  2. Print "The driver's name is XXXX"

  3. Create a variable hacker2 and ask the user for the navigator's name

  4. Print "The navigator's name is YYYY"

Conditionals

  1. Depending on which name is longer, print:
    • The Driver has the longest name, it has XX characters or
    • Yo, navigator got the longest name, it has XX characters or
    • wow, you both got equally long names, XX characters!!

Loops

  1. Print all the characters of the driver's name, separated by a space and in capitals ie. "J O H N"

  2. Print all the characters of the navigator's name, in reverse order. ie. "nhoJ"

  3. Depending on the lexicographic order of the strings, print:

  • The driver's name goes first
  • Yo, the navigator goes first definitely
  • What?! You both got the same name?

Bonus Time!

  1. Ask the user for a new string and check if it's a Palindrome. Examples of palindromes:

    • "A man, a plan, a canal, Panama!"
    • "Amor, Roma"
    • "race car"
    • "stack cats"
    • "step on no pets"
    • "taco cat"
    • "put it up"
    • "Was it a car or a cat I saw?" and "No 'x' in Nixon".
  2. Go to lorem ipsum generator and:

  • Generate 3 parragraphs. Store the text in a String
  • Make your program count the number of words in the string
  • Make your program count the number of times the latin word etappears

Extra Resources

About

An exercise designed to learn basic JS algorithms (var, loops, etc...)

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Ironhack Logo

JS | Basic Algorithms

Welcome to your first bootcamp exercise at IronHack!

The goal of this exercise is to get you acquainted with the different control structures we have in JavaScript.

Ready?

Introduction

For this Pair-Programming activity we are going to use a REPL. You can fine a REPL that runs in the browser for programming languages as JavaScript in repl.it

We could also type JavaScript code in an editor, and then execute it to see the results in the REPL.

Ready to start?

Requirements

  • Go to repl.it and create an account (or login if you have one)

  • Open a new repl.it and make sure the language is ==JavaScript==

  • Type this in the ==Code Editor== (left panel)

    console.log("I'm Ready!");
  • Press run ►

  • If you can see the message on the JavaScript REPL, you're ready!!

Submission

When you are done and you have checked that everything works fine, go to https://gist.github.com/, create a new secret gist and send it to your Instructor.

Remember: Remember to add the extension of the file fileName.js in the "Filename including extension" input box so you can enjoy syntax highlighting in your gist

Exercise

Names and Input

  1. Create a variable hacker1 with the driver's name

  2. Print "The driver's name is XXXX"

  3. Create a variable hacker2 and ask the user for the navigator's name

  4. Print "The navigator's name is YYYY"

Conditionals

  1. Depending on which name is longer, print:
    • The Driver has the longest name, it has XX characters or
    • Yo, navigator got the longest name, it has XX characters or
    • wow, you both got equally long names, XX characters!!

Loops

  1. Print all the characters of the driver's name, separated by a space and in capitals ie. "J O H N"

  2. Print all the characters of the navigator's name, in reverse order. ie. "nhoJ"

  3. Depending on the lexicographic order of the strings, print:

  • The driver's name goes first
  • Yo, the navigator goes first definitely
  • What?! You both got the same name?

Bonus Time!

  1. Ask the user for a new string and check if it's a Palindrome. Examples of palindromes:

    • "A man, a plan, a canal, Panama!"
    • "Amor, Roma"
    • "race car"
    • "stack cats"
    • "step on no pets"
    • "taco cat"
    • "put it up"
    • "Was it a car or a cat I saw?" and "No 'x' in Nixon".
  2. Go to lorem ipsum generator and:

  • Generate 3 parragraphs. Store the text in a String
  • Make your program count the number of words in the string
  • Make your program count the number of times the latin word etappears

Extra Resources

About

An exercise designed to learn basic JS algorithms (var, loops, etc...)

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Latest commit

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Ironhack Logo

JS | Basic Algorithms

Welcome to your first bootcamp exercise at IronHack!

The goal of this exercise is to get you acquainted with the different control structures we have in JavaScript.

Ready?

Introduction

For this Pair-Programming activity we are going to use a REPL. You can fine a REPL that runs in the browser for programming languages as JavaScript in repl.it

We could also type JavaScript code in an editor, and then execute it to see the results in the REPL.

Ready to start?

Requirements

  • Go to repl.it and create an account (or login if you have one)

  • Open a new repl.it and make sure the language is ==JavaScript==

  • Type this in the ==Code Editor== (left panel)

    console.log("I'm Ready!");
  • Press run ►

  • If you can see the message on the JavaScript REPL, you're ready!!

Submission

When you are done and you have checked that everything works fine, go to https://gist.github.com/, create a new secret gist and send it to your Instructor.

Remember: Remember to add the extension of the file fileName.js in the "Filename including extension" input box so you can enjoy syntax highlighting in your gist

Exercise

Names and Input

  1. Create a variable hacker1 with the driver's name

  2. Print "The driver's name is XXXX"

  3. Create a variable hacker2 and ask the user for the navigator's name

  4. Print "The navigator's name is YYYY"

Conditionals

  1. Depending on which name is longer, print:
    • The Driver has the longest name, it has XX characters or
    • Yo, navigator got the longest name, it has XX characters or
    • wow, you both got equally long names, XX characters!!

Loops

  1. Print all the characters of the driver's name, separated by a space and in capitals ie. "J O H N"

  2. Print all the characters of the navigator's name, in reverse order. ie. "nhoJ"

  3. Depending on the lexicographic order of the strings, print:

  • The driver's name goes first
  • Yo, the navigator goes first definitely
  • What?! You both got the same name?

Bonus Time!

  1. Ask the user for a new string and check if it's a Palindrome. Examples of palindromes:

    • "A man, a plan, a canal, Panama!"
    • "Amor, Roma"
    • "race car"
    • "stack cats"
    • "step on no pets"
    • "taco cat"
    • "put it up"
    • "Was it a car or a cat I saw?" and "No 'x' in Nixon".
  2. Go to lorem ipsum generator and:

  • Generate 3 parragraphs. Store the text in a String
  • Make your program count the number of words in the string
  • Make your program count the number of times the latin word etappears

Extra Resources

About

An exercise designed to learn basic JS algorithms (var, loops, etc...)

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages