Travis build: 442

README.md

@@ -91,9 +91,11 @@
 * [`elementIsVisibleInViewport`](#elementisvisibleinviewport)
 * [`getScrollPosition`](#getscrollposition)
 * [`getURLParameters`](#geturlparameters)
+* [`hasClass`](#hasclass)
 * [`httpsRedirect`](#httpsredirect)
 * [`redirect`](#redirect)
 * [`scrollToTop`](#scrolltotop)
+* [`toggleClass`](#toggleclass)
 
 </details>
 
@@ -1762,6 +1764,29 @@ getURLParameters('http://url.com/page?name=Adam&surname=Smith'); // {name: 'Adam
 [⬆ Back to top](#table-of-contents)
 
 
+### hasClass
+
+Returns `true` if the element has the specified class, `false` otherwise.
+
+Use `element.classList.contains()` to check if the element has the specified class.
+
+```js
+const hasClass = (el, className) => el.classList.contains(className);
+```
+
+<details>
+<summary>Examples</summary>
+
+```js
+hasClass(document.querySelector('p.special'), 'special'); // true
+```
+
+</details>
+
+
+[⬆ Back to top](#table-of-contents)
+
+
 ### httpsRedirect
 
 Redirects the page to HTTPS if its currently in HTTP. Also, pressing the back button doesn't take it back to the HTTP page as its replaced in the history.
@@ -1835,6 +1860,29 @@ scrollToTop();
 </details>
 
 
+[⬆ Back to top](#table-of-contents)
+
+
+### toggleClass
+
+Toggle a class for an element.
+
+Use `element.classList.toggle()` to toggle the specified class for the element.
+
+```js
+const toggleClass = (el, className) => el.classList.toggle(className);
+```
+
+<details>
+<summary>Examples</summary>
+
+```js
+toggleClass(document.querySelector('p.special'), 'special'); // The paragraph will not have the 'special' class anymore
+```
+
+</details>
+
+
 [⬆ Back to top](#table-of-contents)
 
 ## Date

docs/index.html

@@ -160,9 +160,11 @@
 <a class="sublink-1" href="#elementisvisibleinviewport">elementIsVisibleInViewport</a>
 <a class="sublink-1" href="#getscrollposition">getScrollPosition</a>
 <a class="sublink-1" href="#geturlparameters">getURLParameters</a>
+<a class="sublink-1" href="#hasclass">hasClass</a>
 <a class="sublink-1" href="#httpsredirect">httpsRedirect</a>
 <a class="sublink-1" href="#redirect">redirect</a>
 <a class="sublink-1" href="#scrolltotop">scrollToTop</a>
+<a class="sublink-1" href="#toggleclass">toggleClass</a>
 
 <h3>Date
 </h3><a class="sublink-1" href="#getdaysdiffbetweendates">getDaysDiffBetweenDates</a>
@@ -859,6 +861,13 @@ Pass <code>location.search</code> as the argument to apply to the current <code>
 </code></pre>
 <pre><code class="language-js">getURLParameters('http://url.com/page?name=Adam&amp;surname=Smith'); // {name: 'Adam', surname: 'Smith'}
 </code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="hasclass">hasClass</h3></div><div class="section double-padded">
+<p>Returns <code>true</code> if the element has the specified class, <code>false</code> otherwise.</p>
+<p>Use <code>element.classList.contains()</code> to check if the element has the specified class.</p>
+<pre><code class="language-js">const hasClass = (el, className) =&gt; el.classList.contains(className);
+</code></pre>
+<pre><code class="language-js">hasClass(document.querySelector('p.special'), 'special'); // true
+</code></pre>
 </div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="httpsredirect">httpsRedirect</h3></div><div class="section double-padded">
 <p>Redirects the page to HTTPS if its currently in HTTP. Also, pressing the back button doesn't take it back to the HTTP page as its replaced in the history.</p>
 <p>Use <code>location.protocol</code> to get the protocol currently being used. If it's not HTTPS, use <code>location.replace()</code> to replace the existing page with the HTTPS version of the page. Use <code>location.href</code> to get the full address, split it with <code>String.split()</code> and remove the protocol part of the URL.</p>
@@ -889,6 +898,13 @@ Scroll by a fraction of the distance from the top. Use <code>window.requestAnima
 </code></pre>
 <pre><code class="language-js">scrollToTop();
 </code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="toggleclass">toggleClass</h3></div><div class="section double-padded">
+<p>Toggle a class for an element.</p>
+<p>Use <code>element.classList.toggle()</code> to toggle the specified class for the element.</p>
+<pre><code class="language-js">const toggleClass = (el, className) =&gt; el.classList.toggle(className);
+</code></pre>
+<pre><code class="language-js">toggleClass(document.querySelector('p.special'), 'special'); // The paragraph will not have the 'special' class anymore
+</code></pre>
 </div></div><br/><h2 style="text-align:center">Date</h2>
 <div class="card fluid"><div class="section double-padded"><h3 id="getdaysdiffbetweendates">getDaysDiffBetweenDates</h3></div><div class="section double-padded">
 <p>Returns the difference (in days) between two dates.</p>

snippets/hasClass.md

@@ -9,5 +9,5 @@ const hasClass = (el, className) => el.classList.contains(className);
 ```
 
 ```js
-hasClass(document.querySelector('p.special'),'special') // true
+hasClass(document.querySelector('p.special'), 'special'); // true
 ```

snippets/toggleClass.md

@@ -9,5 +9,5 @@ const toggleClass = (el, className) => el.classList.toggle(className);
 ```
 
 ```js
-toggleClass(document.querySelector('p.special'),'special') // The paragraph will not have the 'special' class anymore
+toggleClass(document.querySelector('p.special'), 'special'); // The paragraph will not have the 'special' class anymore
 ```