我正在嘗試制作一個隨機文本生成器，它可以生成多行，但它總是在 HTML 頁面上的同一行上（我已經嘗試過了，\n但它不起作用）。我在 Chrome 上測試了它，但如果可能的話，我可以獲得一些幫助嗎？這是我使用的代碼：（現場演示）function rtg(maxChar, maxLines) {var ranChar = "";var count;var alphabet = "A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,r,s,t,u,v,w,x,y,z,1,2,3,4,56,7,8,9,0".split(",");for (var i = 0; i < maxLines; i++) { var rand = null; for (var x = 0; x < maxChar; x++) { count++; rand = Math.floor(Math.random() * alphabet.length); ranChar += alphabet[rand]; if (maxChar == count) { //this part i need help with ranChar += '\n' count = 0; } } }}
3 回答
catspeake
TA貢獻1111條經驗 獲得超0個贊
\n除非您使用 css 屬性white-space: pre-line（或將文本放在標簽內<pre>Your Text Here</pre>），否則在 HTML 中無法識別。另一種方法（可能更好）是添加，'<br/>'而不是在'\n'您想要轉到下一行時添加
陪伴而非守候
TA貢獻1757條經驗 獲得超8個贊
這里有一些不必要的變量，所以我稍微簡化了你的代碼。i是x你的計數，所以你實際上不需要變量count。如果您將其放入頁面的 HTML 中，您還應該使用<br/>而不是。\n
function rtg(maxChar, maxLines) {
var lines = "";
for(var i = 0; i < maxLines; i++) {
if(i > 0) lines += "<br/>";
for (var x = 0; x < maxChar; x++) lines += rando("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnoprstuvwxyz1234567890");
}
return lines;
}
window.addEventListener("load", function(){
document.getElementById("result").innerHTML = rtg(12, 5);
});
<script src="https://randojs.com/1.0.0.js"></script>
<div id="result"></div>
此代碼使用randojs.com來簡化隨機性，因此如果您想使用此代碼，只需確保 html 文檔的 head 標記中有此代碼：
<script src="https://randojs.com/1.0.0.js"></script>
回復您的評論：
如果你想鏈接自己的外部js文件，你可以在同一目錄下創建兩個文件：1個html文件和1個名為“script.js”的js文件。在 HTML 文件中，使用以下內容作為 HTML 代碼：
<html>
<head>
<script src="https://randojs.com/1.0.0.js"></script>
<script src="script.js"></script>
</head>
<body>
<div id="result"></div>
</body>
</html>
在 script.js 文件中，使用以下內容：
function rtg(maxChar, maxLines) {
var lines = "";
for(var i = 0; i < maxLines; i++) {
if(i > 0) lines += "<br/>";
for (var x = 0; x < maxChar; x++) lines += rando("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnoprstuvwxyz1234567890");
}
return lines;
}
window.addEventListener("load", function(){
document.getElementById("result").innerHTML = rtg(12, 5);
});
這已經過測試并且工作正常。
- 3 回答
- 0 關注
- 184 瀏覽
添加回答
舉報
0/150
提交
取消