将元素的innerHTML 设置为随机字符串

Question

I need to make hash-paragraph 's .innerHTML to random string with JavaScript.

I've tried this:

 function CreateHash() { var randomhash = crypto.randomBytes(20).toString('hex'); randomhash.id = "randomhash"; document.getElementById("hash-paragraph").innerHTML = document.getElementById("randomhash").value; }

 <p id="hash-paragraph">This should be random string</p> <input type="submit" name="hash-click" onclick="CreateHash()">

Am i missing some rows or var randomhash = crypto.randomBytes(20).toString('hex'); is a wrong way to go?

Answer 1

There's not a randomBytes method in the Web Crypto API standard. This is a method only available on the Crypto NodeJS Module. The equivalent in this case would be crypto.getRandomValues() . The MDN provides more information about it.

Edit: The crypto.getRandomValues() method, requires a TypedArray as parameter to feed it with the entropy values. I attach a CodePen example showing how generate it and convert the result to a hex format suitable for your needs.