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)

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 . Doesn't have to be tech-related. I just have to find it interesting and flexible. 3 Services Offered 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 over 280 people weekly. [ Example Job Description ]        Auditing :        Something doesn't work on your page. I can find it, or you can lose business. [ Here ] [ Example Job Description ]   Technical: Still as-needed, always remote, contract, or temporary. IT Operations Tech [ Example Job Description ]     Hardware and SaaS support.     Cisco routing and switching  Cloud Technician     Azure [ See tag ]  Support [Web: Example Job Description ] [Tex

Portfolio of UX/Product Feedback [Vol. 1]

Have You Looked at Your Webpage From the Customer's View Lately? You have probably been linked here from a form or my resume. If you have any questions about what I'm looking for in a role, click here .   This post is not to shame, but to point out errors and hopefully make my talent for finding and documenting such mistakes clear to someone hiring. Contents: Instances where I offer constructive feedback on someone's website, logo, or app. Actions that were taken by the developers or artists.  I'm glad you want your webpages to be the best they can be with my help; If you need your sites audited, e-mail me . Latest Update -  November 20th, 2020.   Vol. 2 is here .

Wireless Diagnostics on Mac OS; Packet Sniffing on a WLAN

There's a post sitting in my drafts about Wireshark and how to sniff packets out of the air that was going to be about sniffing for authentication packets for Wi-Fi hotspots that aren't broadcasting SSID (Which you shouldn't do apparently! It's still not safe). I was watching this video to find a little more information about how to properly use Monitoring mode on my Macbook to sniff for WLAN packets on the network. So when he said "Just open up Wireless Diagnostics and sniff your network (check your width and channel)." It was shocking to me.