dice.js | modern approach to dice and randomness in computers

I have imported the Dice icon components from react-icons, but I want them to render according to props passed from the Dice component. So, I have created a js variable inside Dice.js to get the icon name, but while trying to render the icon component, the icon is not getting displayed but only the name is getting displayed. Below is the code:

App.js:

I recently built a dice game. I asked for help on how to build a functioning button, and was able to make it. Now I'm trying to make it so that each result replaces the previous output, so I can roll the dice over and over, but only have one dice roll on the page at a time (so not a list of rolls).

Please tell me what I'm doing wrong with my below code, as I have looked up .replace and it seems to me that it should work.

HTML

EDIT: So a few solutions work. Thing is, they work in codepen.io. But when I try to reload the actual HTML page from my computer to Chrome, the button clicks and shows nothing. Chrome is saying: 'dice.js:12 Uncaught TypeError: Cannot set property 'onclick' of null at dice.js:12.' How do I fix that?

I've looked at multiple similar questions that have different answers, and none of the answers I've tried has worked. I was able to make a random dice roll with the below code:

Having a little trouble with modules / IIFE etc. I have a script that used to be an IIFE and uses a lot of this key word etc.. I am trying to turn it into a module.

I have the following module dice.js:

I have found multiple questions similar to this but none of the solutions seems to be working for me. I am trying to use usb library (https://www.npmjs.com/package/usb) to access usb devices, and it worked perfectly as long as it was a command-line test application without Electron. I installed Electron on the Ubuntu 14 computer I'm working with npm install electron --save-dev and the test app provided by their website works too, but when I add my usbtools.js module

I was trying to make a dice random, and I created different faces of it by using HTML and CSS. Now I cannot hide them. I want to show only one face of the die at a time. How can I call a single face on random numbers from 1 to 6 and in javascript I tried onclicking a button to change the border color. How can I link CSS, HTML and javascript so that on clicking it shows one of the face designed through CSS?

HTML

I want to implement a capsule that does a calculation if the user provides the full input necessary for the calculation or asks the user for the necessary input if the user doesn't provide the full input with the very first request. Everything works if the user provides the full request. If the user doesn't provide the full request but Bixby needs more information, I run into some strange behavior where the Calculation is being called more than once and Bixby takes the necessary information for the Calculation from a result of another Calculation, it looks like in the debug graph.

To easier demonstrate my problem I've extended the dice sample capsule capsule-sample-dice and added numSides and numDice to the RollResultConcept, so that I can access the number of dice and sides in the result. RollResult.model.bxb now looks like this:

I have created a dice game that can be played in the browser. Users can refresh the page to get a random dice roll. The dice with the most dots on it or the highest dice value win. Random dice images will be dynamically added to the src of the 2 image tags when the user click on refresh. All the coding logic is almost working, but however, the dices images are broken for some strange reason. I have been working on this coding challenge from Angela Yu Web Development Bootcamp on udemy for days. I'm using setAttribute to set the image's src to a random image from an array but it's not working. Why are my images broken?

dices.html

I have been working on a D&D Character creator app to learn a bit of NodeJS. The following code was working fine until I created a few new unrelated functions in a separate file yesterday (dice.js).

Now when running node app.js newCharacter from the command line I get the following TypeError:

Most of the code is still just skeleton functions and WIP, but hopefully the pasted code below provides enough information to point out where I'm going wrong.

app.js