Get Mystery Box with random crypto!

web development (HTML, CSS, JS)

Logo of telegram channel learn_webdev — web development (HTML, CSS, JS) W
Logo of telegram channel learn_webdev — web development (HTML, CSS, JS)
Channel address: @learn_webdev
Categories: Technologies
Language: English
Subscribers: 5
Description from channel

Helpful Web Development tips to never stop improving your skills

Ratings & Reviews

3.33

3 reviews

Reviews can be left only by registered users. All reviews are moderated by admins.

5 stars

1

4 stars

0

3 stars

1

2 stars

1

1 stars

0


The latest Messages

2022-07-03 15:43:23
parseInt will take any string and parse it to an integer of the specified base we pass as the second parameter.

But look if we change the base in the last statement

Even the word "flowers" is not a valid hex parseInt() will evaluate character by character instead of the entire word, so in this case, is returning the value for the "f".
19 views12:43
Open / Comment
2022-07-02 19:15:37
Self-calling Function

This is often called a Self-Invoked Anonymous Function or Immediately Invoked Function Expression (IIFE). It is a function that executes automatically when you create it.
18 viewsedited  16:15
Open / Comment
2022-06-13 17:33:20
A simple HTML Document

- The declaration defines that this document is an HTML5 document
- The element is the root element of an HTML page
- The element contains meta information about the HTML page
- The element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)<br>- The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.<br>- The <h1> element defines a large heading<br>- The <p> element defines a paragraph<div class="tgme_widget_message_info short js-message_info"> 24 viewsedited  14:33 </div> <a href="https://telegram-store.com/catalog/channels/learn_webdev/3" target="_blank" class="comment_link"> Open / Comment </a> </div> </div> <div class="message_grid"> <div class="messages__one message_parsed"> <span class="date_in_messages">2022-06-13 17:19:43</span> Channel photo updated<div class="tgme_widget_message_info short js-message_info"> 14:19 </div> <a href="https://telegram-store.com/catalog/channels/learn_webdev/2" target="_blank" class="comment_link"> Open / Comment </a> </div> </div> <nav class="woocommerce-pagination"> </nav> </div> </div> <div class="related ts-products"> <h2>Popular Channels</h2> <div class="related_products_wrapper"> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="InfoSec telegram" href="https://telegram-store.com/catalog/channels/infosecnews"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/infosecnews/telegram_logo.jpg" loading="lazy" alt="Logo of telegram channel infosecnews — InfoSec" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #0D9915 ">I</span> </span> <div class="ts-product__title" data-hc-id=""> InfoSec </div> </a> <div class="quantity-of-view"> <span class="productViews"> 💃 860 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Шадов говорит telegram" href="https://telegram-store.com/catalog/channels/shadovman"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/shadovman/telegram_logo.jpg" loading="lazy" alt="Logo of telegram channel shadovman — Шадов говорит" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #192909 ">Ш</span> </span> <div class="ts-product__title" data-hc-id=""> Шадов говорит </div> </a> <div class="quantity-of-view"> <span class="productViews"> 🧟 124 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="pro.JVM telegram" href="https://telegram-store.com/catalog/channels/projvm"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/projvm/telegram_logo.jpg" loading="lazy" alt="Logo of telegram channel projvm — pro.JVM" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #0943A0 ">P</span> </span> <div class="ts-product__title" data-hc-id=""> pro.JVM </div> </a> <div class="quantity-of-view"> <span class="productViews"> 👨‍🎤 2,166 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Linuxgram 🐧 telegram" href="https://telegram-store.com/catalog/channels/linuxgram"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/linuxgram/telegram_logo.jpg" loading="lazy" alt="Logo of telegram channel linuxgram — Linuxgram 🐧" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #09414D ">L</span> </span> <div class="ts-product__title" data-hc-id=""> Linuxgram 🐧 </div> </a> <div class="quantity-of-view"> <span class="productViews"> 🤷‍♂️ 69,938 </span> </div> </div> </div> </div> </div> <div class="related ts-products"> <h2>Related Chats</h2> <div class="related_products_wrapper"> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Apple telegram" href="https://telegram-store.com/catalog/chats/apple_lepra"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/apple-lepra/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #0EA18D ">A</span> </span> <div class="ts-product__title" data-hc-id=""> Apple </div> </a> <div class="quantity-of-view"> <span class="productViews"> 371 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Windows Insider™ techcommunity telegram" href="https://telegram-store.com/catalog/chats/windows_insider"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/windows-insider/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #10172A ">W</span> </span> <div class="ts-product__title" data-hc-id=""> Windows Insider™ techcommunity </div> </a> <div class="quantity-of-view"> <span class="productViews"> 568 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Flyme - MEIZU Global ChatBox telegram" href="https://telegram-store.com/catalog/chats/flymechatbox"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/flymechatbox/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #0DF1E5 ">F</span> </span> <div class="ts-product__title" data-hc-id=""> Flyme - MEIZU Global ChatBox </div> </a> <div class="quantity-of-view"> <span class="productViews"> 743 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="rannts telegram" href="https://telegram-store.com/catalog/chats/rannts"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/rannts/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #08DD86 ">R</span> </span> <div class="ts-product__title" data-hc-id=""> rannts </div> </a> <div class="quantity-of-view"> <span class="productViews"> 358 </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="mfp-bg mfp-ready" style="display:none;"></div> <div class="mfp-container mfp-s-ready mfp-inline-holder pop_channels_popup" style="display:none;"> <div class="mfp-content"> <div id="products-popup" class="channel-popup"> <h2>Popular Channels</h2> <div class="gram-square gram-square__tax"> <a href="tg://resolve?domain=learn_webdev" target="_blank" class="button wc-button-blue update-product-transitions product-popup-btn single-ga-static"> Go to the channel </a> </div> <div class="ts-product_desktop-banner"> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://telegram-store.com/catalog/channels/infosecnews"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/infosecnews/telegram_logo.jpg" alt="Logo of telegram channel infosecnews — InfoSec"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #0EFE6E ">I</span> </span> <div class="ts-product__title" data-hc-id=""> InfoSec</div> </a> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://telegram-store.com/catalog/channels/shadovman"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/shadovman/telegram_logo.jpg" alt="Logo of telegram channel shadovman — Шадов говорит"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #00D984 ">Ш</span> </span> <div class="ts-product__title" data-hc-id=""> Шадов говорит</div> </a> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://telegram-store.com/catalog/channels/projvm"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/projvm/telegram_logo.jpg" alt="Logo of telegram channel projvm — pro.JVM"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #1A0915 ">P</span> </span> <div class="ts-product__title" data-hc-id=""> pro.JVM</div> </a> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://telegram-store.com/catalog/channels/linuxgram"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/linuxgram/telegram_logo.jpg" alt="Logo of telegram channel linuxgram — Linuxgram 🐧"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #112042 ">L</span> </span> <div class="ts-product__title" data-hc-id=""> Linuxgram 🐧</div> </a> </div> </div> </div> <div class="products_block_clearfix"></div> <button title="Close (Esc)" type="button" class="mfp-close">×</button> </div> </div> </div> <style> .mfp-content { position: absolute; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; left: 0; } .pop_channels_popup .ts-product_desktop-banner { display: initial !important; } .pop_channels_popup #products-popup .ts-product { height: 203px; } </style> <style> .message_grid iframe { width: 100%; } </style> </div> <link rel="preload" href="https://telegram-store.com/css/all.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="https://telegram-store.com/css/all.css"> </noscript> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="footer__copy">telegram-store.com © 2016-2024 </div> <div class="footer__copy creator">Non official site about Telegram</div> </div> <div class="col-md-9 col-sm-9 col-xs-12"> <div class="footer__nav"> <div class="menu"> <ul id="menu-footer-en" class="nav nav-pills"> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://telegram-store.com/catalog/channels" class="menu-link sub-menu-link"> Channels </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://telegram-store.com/catalog/chats" class="menu-link sub-menu-link"> Telegram chats </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://telegram-store.com/catalog/stickers/type" class="menu-link sub-menu-link"> Stickers </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://telegram-store.com/catalog/bots" class="menu-link sub-menu-link"> Bots </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://telegram-store.com/html-sitemap" class="menu-link sub-menu-link"> Sitemap </a> </li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> </div> <div class="col-md-9 col-sm-9 col-xs-12"> <div class="footer__nav"> <div class="menu"> <ul class="nav nav-pills"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="/privacy-policy" class="menu-link sub-menu-link" target="_blank"> Privacy Policy </a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="/terms-of-service" class="menu-link sub-menu-link" target="_blank"> Terms of Service </a> </li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="footer-ownership"> All rights reserved. Copying and using of full materials is prohibited, partial quoting is possible only with a hyperlink to the site telegram-store.com. </div> </div> </div> </div> </div> <!-- Scripts --> <div class="modal-for-login mfp-ready" style="display:none;"></div> <div class="modal-for-login-container mfp-s-ready mfp-inline-holder" style="display:none;"> <div class="mfp-content"> <div class="login-popup"> <h2>Login</h2> <div id="telegram_auth"></div> <script type="text/javascript"> function onTelegramAuth(user) { jQuery.ajax({ url: "https://telegram-store.com/telegram/auth", method: "POST", data: user, dataType: "json", headers: { 'X-CSRF-TOKEN': "TB6KPW8cBSTMk6B6a15JGeTmzohq6TDMY3AeB1Qc" }, success: function () { location.reload(); return false; }, error: function (data) { alert(data.responseJSON.error); } }); } </script> <div class="products_block_clearfix"></div> <button title="Close (Esc)" type="button" class="login-modal-close">×</button> </div> </div> </div> <script> function open_modal() { document.querySelector('.modal-for-login').style.display = 'block'; document.querySelector('.modal-for-login-container').style.display = 'block'; let script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', 'https://telegram.org/js/telegram-widget.js?15'); script.setAttribute('data-telegram-login', 'TeleStoreAuthBot'); script.setAttribute('data-size', 'medium'); script.setAttribute('data-radius', '0'); script.setAttribute('data-onauth', 'onTelegramAuth(user)'); script.setAttribute('data-request-access', 'write'); document.getElementById('telegram_auth').appendChild(script); } document.querySelector('.login-modal-close').onclick = function () { document.querySelector('.modal-for-login').style.display = 'none'; document.querySelector('.modal-for-login-container').style.display = 'none'; } </script> <style> .login-modal-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; z-index: 2046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; padding: 0 0 18px 10px; color: #000000; font-style: normal; font-size: 28px; } .modal-for-login { top: 0; left: 0; width: 100%; height: 100%; z-index: 1040; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .modal-for-login-container, .pop_channels_popup { text-align: center; position: fixed; width: 100%; z-index: 1044; height: initial; left: 0; top: 13%; padding: 0 8px; box-sizing: border-box; } .pop_channels_popup { top: 2%; } .modal-open { text-decoration: underline; cursor: pointer; color: #337ab7; } .login-popup { text-align: center; padding: 73px; height: 30%; width: 90%; border-radius: 5px; background-color: #fff; position: relative; margin: 0 auto; } @media screen and (min-width: 320px) and (max-width: 720px) { .login-popup { width: 90%; top: 20px; padding: 5px; } } </style> <script type='text/javascript' src='https://telegram-store.com/js/all.js' defer></script> <script> document.addEventListener('DOMContentLoaded', () => lazyload()); </script> <script> function redirect_time() { $('.mfp-ready').toggle(); $('.mfp-container').toggle(); setTimeout("go_now()", 1000); } function toggleTags() { $(".tag.hide_tag").toggleClass("display-inline"); $(".tags_toggle").toggle(); } window.onload = function () { if (window.jQuery) { $(".mfp-close").click(function () { $('.mfp-ready').toggle(); $('.mfp-container').toggle(); }); $('.video_placeholder').click(function () { window.open($(this).parent('.message_parsed').find('.comment_link').attr('href'), '_blank'); }); $('.photo_placeholder_group').click(function () { window.open($(this).parent('.message_parsed').find('.comment_link').attr('href'), '_blank'); }); } } function go_now() { window.open($('.product-popup-btn').attr('hrefLink'), "_blank"); } </script> <script> document.addEventListener('DOMContentLoaded', function () { $('#vote__for_channel__inactive_3144809').click(function () { event.preventDefault(); $('#errors__voting_3144809').html('😱 You must be logged in to vote.').css('display', 'block'); }); $('#vote__for_channel_3144809').click(function () { event.preventDefault(); $('#vote__for_channel_3144809').html('⌛'); $.ajax({ url: "https://telegram-store.com/catalog/api/v1/vote/3144809", headers: { "X-CSRF-TOKEN": "TB6KPW8cBSTMk6B6a15JGeTmzohq6TDMY3AeB1Qc", }, type: 'post', success: function (data) { $('#vote__for_channel_3144809').html('▲ ' + data.rating); }, error: function () { $('#errors__voting_3144809').html("😱 You've already voted for this channel in the last 24 hours. Come back tomorrow!").css('display', 'block'); } }); }); }) </script> </body> </html> <script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'86bded06ce940680',t:'MTcxMTY5NTAyOS42MjUwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="d042226ca041f7066d18b32c-|49" defer></script>