Skip to content

Solution: Roger Mateu #46

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
RoyerMateu wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Solution: Roger Mateu #46

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added assets/LOGO-ORG.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
89 changes: 89 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<script src="mainJS.js" defer></script>
<script src="jsVanilla.js" defer></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="jQuery.js" defer></script>
<title>Js & jQuery Cheat Sheet</title>
</head>
<body>
<h1>
JavaScript & jQuery Cheat Sheet
</h1>
<section id="eventsDiv" class="mainDivs">
<h2>
Events
</h2>
<p onclick="createElements0()">When an HTML item has been clicked</p>
<p onclick="createElements1()">When an HTML item has been double clicked</p>
<p onclick="createElements2()">When the user presses a key on the keyboard</p>
<p onclick="createElements3()">When the user moves the mouse cursor</p>
<p onclick="createElements4()">When the user changes a value of an text input</p>
<p onclick="createElements5()">When an image is loaded</p>
<p onclick="createElements6()">When an image fails to load</p>
<p onclick="createElements7()">When a form is submitted</p>
<p onclick="createElements8()">When the user changes the option of a select element</p>
<p onclick="createElements9()">When you position the mouse over an element</p>
<p onclick="createElements10()">When a checkbox is checked or unchecked</p>
<p onclick="createElements11()">When a ul list item is clicked, show the item that was clicked</p>
<p onclick="createElements12()">When the HTML document has been loaded and you can manipulate it with JavaScript</p>
</section>

<section id="functSelecDiv" class="mainDivs">
<h2>
Functions and Selectors
</h2>
<p onclick="createElements13()">Remove an HTML element</p>
<p onclick="createElements14()">Append an HTML element to a parent element</p>
<p onclick="createElements15()">Prepend an HTML element to a parent element</p>
<p onclick="createElements16()">Create and add an HTML elementafter another element</p>
<p onclick="createElements17()">Create and add an HTML elementbefore another element</p>
<p onclick="createElements18()">Clone an HTML element within other element</p>
<p onclick="createElements19()">Add a class to an HTML item</p>
<p onclick="createElements20()">Remove a class to an HTML item</p>
<p onclick="createElements21()">Toggle a class of an HTML item</p>
<p onclick="createElements22()">Add a disabled attribute to an HTML button</p>
<p onclick="createElements23()">Remove the disabled attribute of an HTML button</p>
<p onclick="createElements24()">Set a data-src attribute to a img element</p>
<p onclick="createElements25()">Remove the data-src attribute of the img element</p>
<p onclick="createElements26()">Hide an HTML element on click</p>
<p onclick="createElements27()">Show an HTML element on click</p>
<p onclick="createElements28()">Fade in an HTML element using jQuery</p>
<p onclick="createElements29()">Fade out an HTML element using jQuery</p>
<p onclick="createElements30()">Iterate a collection of elements and apply a change of style on them</p>
<p onclick="createElements31()">Get the parent element of a certain element and change its font weight</p>
<p onclick="createElements32()">Get the collection of children of a certain element and change its font weight</p>
<p onclick="createElements33()">Get all the elements that have a certain class and change their font weight</p>
<p onclick="createElements34()">Get an item by id and change its font weight</p>
<p onclick="createElements35()">Get all the elements that have a certain class and the display property of none and change their font color and the display itself so it’s visible.</p>
<p onclick="createElements36()">Get the options of a select element that are selected</p>
<p onclick="createElements37()">Change the href attribute of the first &lt;a&gt; element</p>
<p onclick="createElements38()">Show an alert with the value of the first &lt;input&gt; of the page</p>
<p onclick="createElements39()">Remove all items from a specific selector</p>
<p onclick="createElements40()">Animate an item after 2 seconds from the initial page load</p>
<p onclick="createElements41()">Create an HTML element with any text value</p>
</section>
<section id="myModal" class="modal">
<span class="close">&times;</span>
<section id="modalContent">
<section id="jsSpace">
<h4>
JS
</h4>
<div id="contentJavascript"></div>
</section>
<section id="jqSpace">
<h4>
jQuery
</h4>
<div id="contentJQuery"></div>
</section>
</section>
</section>
</body>
</html>
Loading