Question

我是JS的新手，我正在尝试使用math.random（）创建两个随机字符串并将它们放入我的p标签中，这样我就可以得到像＆＃39; Storm Breaker＆＃39;或者＆＃39; Castle Eater＆＃39;，但似乎我只能显示名字（fname）或姓氏（lname）。我试着做

document.getElementById("print").innerHTML=fname,lname;

那没有用，所以我也试过了：

document.getElementById("print").innerHTML=fname;
document.getElementById("print").innerHTML=lname;

但正如你所知道的那样只会改变名字在姓氏的位置。

<h1 class="title">Welcome to Tom's Random Name Generator!</h1>

<button type="button" onclick="myFunction();">Generate!</button>

<p id="print"></p>

<script>
function myFunction() {
    var fnamel = ['Storm','Wind','Castle','Chocolate','Savage'];
    var lnamel = ['Breaker','Eater','Smasher','Killer','Fury'];

    var fname = fnamel[Math.floor(Math.random()*fnamel.length)];
    var lname = lnamel[Math.floor(Math.random()*lnamel.length)];

    document.getElementById("print").innerHTML=fname;  
}
</script>

Answer 1

您可以使用plus运算符在javascript中连接字符串。

  document.getElementById("print").innerHTML=fname + ' ' + lname;

Answer 2

像这样改变：

 document.getElementById("print").innerHTML=fname + " " + lname;

最终代码：

<html>
    <head>
        <style>
        </style>
    </head>
    <body>
        <h1 class="title">Welcome to Tom's Random Name Generator!</h1>

<button type="button" onclick="myFunction();">Generate!</button>

<p id="print"></p>

<script>
function myFunction() {
    var fnamel = ['Storm','Wind','Castle','Chocolate','Savage'];
    var lnamel = ['Breaker','Eater','Smasher','Killer','Fury'];

    var fname = fnamel[Math.floor(Math.random()*fnamel.length)];
    var lname = lnamel[Math.floor(Math.random()*lnamel.length)];

    document.getElementById("print").innerHTML=fname + " " + lname;  
}
</script>
    </body>
</html>

如何在一个<p>标记中显示来自不同数组的两个随机字符串

2 个答案: