<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: chaderenyore</title>
    <description>The latest articles on DEV Community by chaderenyore (@chaderenyore).</description>
    <link>https://dev.to/chaderenyore</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F550247%2F4283f609-4fdb-483c-a521-e87a2c5f3a3c.jpeg</url>
      <title>DEV Community: chaderenyore</title>
      <link>https://dev.to/chaderenyore</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/chaderenyore"/>
    <language>en</language>
    <item>
      <title>Is it Possible to create a random number with values from an Array?</title>
      <dc:creator>chaderenyore</dc:creator>
      <pubDate>Wed, 29 Dec 2021 22:48:07 +0000</pubDate>
      <link>https://dev.to/chaderenyore/is-it-possible-to-create-a-random-number-with-values-from-an-array-24k7</link>
      <guid>https://dev.to/chaderenyore/is-it-possible-to-create-a-random-number-with-values-from-an-array-24k7</guid>
      <description>&lt;div class="ltag__stackexchange--container"&gt;
  &lt;div class="ltag__stackexchange--title-container"&gt;
    
      &lt;div class="ltag__stackexchange--title"&gt;
        &lt;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7Gn-iPj_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/1516695/js-math-random-for-array/70525776#70525776" rel="noopener noreferrer"&gt;
              &lt;span class="title-flare"&gt;answer&lt;/span&gt; re: JS: Math.random for array
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Dec 29 '21&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/1516695/js-math-random-for-array/70525776#70525776" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Y9mJpuJP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""&gt;
        &lt;div class="ltag__stackexchange--score-number"&gt;
          0
        &lt;/div&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wif5Zq3z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;Yeah it is very possible to do what you're asking&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;const diceRoll = Array.from({ length: 100 }, (_, i) =&amp;gt; {
return i + 1
});

console.log(Math.random() * diceRoll.length);
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;The code there, why it works is that Math.random returns a random number between 0 and whatever value we set and…&lt;/p&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/1516695/js-math-random-for-array/70525776#70525776" rel="noopener noreferrer"&gt;Open Full Answer&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
    </item>
    <item>
      <title>Understanding Outlines in CSS, overwriting browser defaults.</title>
      <dc:creator>chaderenyore</dc:creator>
      <pubDate>Mon, 10 May 2021 00:57:11 +0000</pubDate>
      <link>https://dev.to/chaderenyore/understanding-outlines-in-css-overwriting-browser-defaults-3a4n</link>
      <guid>https://dev.to/chaderenyore/understanding-outlines-in-css-overwriting-browser-defaults-3a4n</guid>
      <description>&lt;p&gt;You might have noticed that in newer versions of web browsers there is this dark outline in forms, buttons after they are clicked and many more, Now what are those things, why are they there and how can you remove them? (cause to be sincere these aren't beautiful)&lt;/p&gt;

&lt;p&gt;It usually shows when it's focused, or active. (Pseudo selector for focus, &lt;em&gt;:focus&lt;/em&gt;) And Focus has this outline property it's the browser defaults.&lt;br&gt;
The outline is comparable to a border but it's not part of the box model, It is like a lighter version of the border.&lt;/p&gt;

&lt;p&gt;You can style it with the outline property. &lt;br&gt;
To remove it, outline: none;&lt;br&gt;
It's usually displayed when the element is focused so use the focus Pseudo class&lt;br&gt;
&lt;em&gt;button:focus {&lt;br&gt;
      outline: none;&lt;br&gt;
}&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;You can set the outline to a different look maybe its width, its color too, you can also add a border-radius to it too and also make it like a normal border&lt;/p&gt;

&lt;p&gt;see MDN For a complete reference of what you can set with the outline &lt;a href="https://developer.mozilla.org/en-US/docs/Web/CSS/outline"&gt;https://developer.mozilla.org/en-US/docs/Web/CSS/outline&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;With that, you have full access to your input or button outline and remove ugly outlines by the browser defaults. Now go give that outline a great look😀😀 &lt;/p&gt;

</description>
      <category>css</category>
      <category>browser</category>
    </item>
  </channel>
</rss>
