Skip to main content

JavaScript 30 notes for day 10, 12, and 14

——— Day 10: Press Shift to Pay Respects ==> Github

All boxes checked between the first and last box you’ve checked, nice.

listen for checkbox activity
(input type - checkbox)
eventlistener for a click (or keyboard ‘click’)
put the first check into a variable. (as let, it’s reassigned constantly)
see if shift key is down.
and if key is down and box is checked, have a blast, do what you want.

“Is the checkbox equal to the one being checked”?


——— Day 12 Code-Nami Press ===> GitHub





An event listener per key (window.addEventListener(‘keyup’,(e) => {
console.log(e.key)})

is essentially a very basic keylogger, provided you have access to the victim’s console.

press.push(e.key) actually puts it into the pressed array.

If you put in the proper code, the unicorns pop up. I’d change it, but I like unicorns.

------ Day 14: Copy and Ref ------

Reference vs. Copy
“It’s fundamental to how JS works!” (Tell me if I’ve gotten something mixed up here)
Consider when variables are defined;

let name = ‘Morgan’;
let name2 = name;
console.log(name, name2) = Morgan Morgan
name = ‘Eden’;
console.log(name, name2) = Morgan Eden

consider arrays;

const royals = [‘Elin’, ‘Karel’, ‘Ophelie’, ‘Julietta’]
const duchesses = royals
console.log(royals, duchesses);

royals[3] = ‘Priyana’

updating royals doesn’t update duchesses - again, look at the order of the commands.

slice returns the entire array if you take nothing (royals.slice())
you can concat(duchesses) into an array to put everyone in the same box.

spread just takes the array and shoves the data into said new array.
——

Objects are a bit different.

const captain = person;
captain.number = 99

a reference to the original

a copy is object.assign({}, person, { number: 99} )

person copies it, and the { number: 99} is now placed into the new object


EMPLOYERS: This is me sharing notes and putting new skills into practice.

Comments

Popular posts from this blog

What Do You Need? [AKA; List of Offered Services / My Next Role] (2020)

UPDATED 2021 I am a trusted outsourced remote consultant for your company.   I enjoy having the flexibility to take on temporary projects from time to time! I start at part-time, temp work for now. If we like each other, we can renegotiate. If anything sounds weird, out there, or unusual - Feel free to e-mail me .  3 Services Offered Technical: Cloud Technician     Azure [ See tag ] WORKING ON: Infrastructure As Code (Specifically Terraform/Azure and CloudFormation/AWS)  Support [Web: Example Job Description ] [Text : Example Description ]     I help you with adjustments in HTML, CSS, and Javascript.     When you email a business a question and they answer? That's me.   IT Operations Tech [ Example Job Description ]     Hardware and SaaS support.     Cisco routing and switching (Networking). CCNA, A+, Sec+, Azure certified WORKING ON: Junos Networking  Writing :      You want to pay me to write more of *waves hand* this blog? I am game .     I write B2C e-mails going out to o

Contactless Tech’s Role in the New Guest Experience ft. Intelity and The George

 Contactless hospitality technology is growing. You want to get away, and you'll be damned if a little thing like a deadly virus will stop you! But you still don't want to touch things. Ew. During the chat between INTELITY CEO Robert Stevenson and THE GEORGE Director of Operations Kerrie Hunter, you’ll learn how the historic boutique hotel has adapted a mobile-first guest experience in the wake of COVID-19—and how they see contactless technology affecting the future of hospitality. I don't remember how I found INTELITY (probably hoping to score a position with them), but I liked them enough to stay on the e-mail lists.  

Connecting IoT Devices to a Registration Server (Packet Tracer, Cisco)

In Packet Tracer, a demo software made by Cisco Systems. It certainly has changed a lot since 2016. It's almost an Olympic feat to even get started with it now, but it does look snazzy. This is for the new CCNA, that integrates, among other things, IoT and Automation, which I've worked on here before. Instructions here . I don't know if this is an aspect of "Let's make sure people are paying attention and not simply following blindly", or an oversight - The instructions indicate a Meraki Server, when a regular one is the working option here. I have to enable the IoT service on this server. Also, we assign the server an IPv4 address from a DHCP pool instead of giving it a static one. For something that handles our IoT business, perhaps that's safer; Getting a new IPv4 address every week or so is a minimal step against an intruder, but it is a step. There are no devices associated with this new server; In an earlier lab (not shown), I attached them to 'H