JavaScript-Onclick函数_Javascript_Html

JavaScript-Onclick函数

javascript html

JavaScript-Onclick函数,javascript,html,Javascript,Html,我试图在单击按钮时调用该函数。函数本身工作正常，我可以记录它，但我不能在单击按钮时在浏览器中显示它。我是第一次参加，这个问题对于经验丰富的JS程序员来说应该是显而易见的谢谢 <!DOCTYPE html> <html lang="en"> <link rel="stylesheet" href="style.css"> <head> <meta charset="UTF-8"> <title>X</titl

我试图在单击按钮时调用该函数。函数本身工作正常，我可以记录它，但我不能在单击按钮时在浏览器中显示它。我是第一次参加，这个问题对于经验丰富的JS程序员来说应该是显而易见的

谢谢

<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="style.css">
<head>
    <meta charset="UTF-8">
 <title>X</title>
</head>
<body>
    <div id="pickButton">
        <input class="button" type="button" value="CLICK HERE TO PICK NOW!" onclick="giveNumbers()">
    </div>

    <div class="mainNumberSpanAndTitle">
        <label>MAIN NUMBERS: </label>
            <span id="mainNumberSpan"></span>
    </div>
<script>

 function giveNumbers() {

   var digits = []
   for (var i = 0; i < 6; i++) {
       var digit = getRandomNumber1to50()  
       digits.push(digit)
   }
   digits.push(getRanomNumber1to7())
   digits.push(getRanomNumber1to7())
   return digits


 }

function getRandomNumber1to50() {
  var num;
  num = Math.random()*50+1;
  num = Math.floor(num);  
  return num
}

function getRanomNumber1to7() {
  var num;
  num = Math.random()*7+1;
  num = Math.floor(num);  
  return num
}
    var mainNumberSpan = document.getElementById('mainNumberSpan');

    mainNumberSpan.innerHTML = digits;
}
</script>
</body>
</html>

使用document.writedigit显示但您可以使用innerHtml在任何标记中显示其batter而不是document.write

X 主要数字：函数给定数{{ 变量数字=[] 对于变量i=0；i<6；i++{ 变量数字=GetRandomNumber1至50 数字 } digits.PushGetRanomNumber1至7 digits.PushGetRanomNumber1至7 document.writedigits； } 函数GetRandomNumber1到50{ var-num； num=Math.random*50+1； num=Math.floornum；返回数 } 函数getRanomNumber1到7{ var-num； num=Math.random*7+1； num=Math.floornum；返回数 } var mainNumberSpan=document.getElementById'mainNumberSpan'； mainNumberSpan.innerHTML=数字； } 使用document.writedigit显示但您可以使用innerHtml在任何标记中显示其batter而不是document.write

将函数更改为：

function giveNumbers() {{
   var digits = []
   for (var i = 0; i < 6; i++) {
       var digit = getRandomNumber1to50()  
       digits.push(digit)
   }
   digits.push(getRanomNumber1to7())
   digits.push(getRanomNumber1to7())
   var mainNumberSpan = document.getElementById('mainNumberSpan'); // added these
   mainNumberSpan.innerHTML = digits; 
 }

将函数更改为：

function giveNumbers() {{
   var digits = []
   for (var i = 0; i < 6; i++) {
       var digit = getRandomNumber1to50()  
       digits.push(digit)
   }
   digits.push(getRanomNumber1to7())
   digits.push(getRanomNumber1to7())
   var mainNumberSpan = document.getElementById('mainNumberSpan'); // added these
   mainNumberSpan.innerHTML = digits; 
 }

函数给定数{ 变量数字=[] 对于变量i=0；i<6；i++{ 变量数字=GetRandomNumber1至50 数字 } digits.PushGetRanomNumber1至7 digits.PushGetRanomNumber1至7 document.getElementById'mainNumberSpan'； mainNumberSpan.innerHTML=数字； } 函数GetRandomNumber1到50{ var-num； num=Math.random*50+1； num=Math.floornum；返回数 } 函数getRanomNumber1到7{ var-num； num=Math.random*7+1； num=Math.floornum；返回数 } 主要数字：函数给定数{ 变量数字=[] 对于变量i=0；i<6；i++{ 变量数字=GetRandomNumber1至50 数字 } digits.PushGetRanomNumber1至7 digits.PushGetRanomNumber1至7 document.getElementById'mainNumberSpan'； mainNumberSpan.innerHTML=数字； } 函数GetRandomNumber1到50{ var-num； num=Math.random*50+1； num=Math.floornum；返回数 } 函数getRanomNumber1到7{ var-num； num=Math.random*7+1； num=Math.floornum；返回数 } 主要数字：

看看这个在线示例

如果你把一些东西放在{JS.namespace.} 您将需要调用以执行

函数给定数{ 变量数字=[] 对于变量i=0；i<6；i++{ 变量数字=GetRandomNumber1至50 数字 } digits.PushGetRanomNumber1至7 digits.PushGetRanomNumber1至7 警报触发器 var mainNumberSpan=document.getElementById'mainNumberSpan'； mainNumberSpan.innerHTML=数字；返回数字 } 函数GetRandomNumber1到50{ var-num； num=Math.random*50+1； num=Math.floornum；返回数 } 函数getRanomNumber1到7{ var-num； num=Math.random*7+1； num=Math.floornum；返回数 } X 主要数字：

看看这个在线示例

如果你把一些东西放在{JS.namespace.} 您将需要调用以执行

下面是代码中的一些错误

2{{}在给定的数字中应该是单个{}

希望这对你有帮助

函数给定数{ 变量数字=[] 对于变量i=0；i<6；i++{ 变量数字=GetRandomNumber1至50 数字 } digits.PushGetRanomNumber1至7 digits.PushGetRanomNumber1至7 var mainNumberSpan=document.getElementById'mainNumberSpan'； mainNumberSpan.innerHTML=数字； } func 随机数1到50{ var-num； num=Math.random*50+1； num=Math.floornum；返回数 } 函数getRanomNumber1到7{ var-num； num=Math.random*7+1； num=Math.floornum；返回数 } X 主要数字：

下面是代码中的一些错误

2{{}在给定的数字中应该是单个{}

希望这对你有帮助

函数给定数{ 变量数字=[] 对于变量i=0；i<6；i++{ 变量数字=GetRandomNumber1至50 数字 } digits.PushGetRanomNumber1至7 digits.PushGetRanomNumber1至7 var mainNumberSpan=document.getElementById'mainNumberSpan'； mainNumberSpan.innerHTML=数字； } 函数GetRandomNumber1到50{ var-num； num=Math.random*50+1； num=Math.floornum；返回数 } 函数getRanomNumber1到7{ var-num； num=Math.random*7+1； num=Math.floornum；返回数 } X 主要数字：检查此代码：-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
 <title>X</title>
</head>
<body>
    <div id="pickButton">
        <input class="button" type="button" value="CLICK HERE TO PICK NOW!" onclick="giveNumbers()">
    </div>

    <div class="mainNumberSpanAndTitle">
        <label>MAIN NUMBERS: </label>
            <span id="mainNumberSpan"></span>
    </div>
<script>

 function giveNumbers() {

   var digits = []
   for (var i = 0; i < 6; i++) {
       var digit = getRandomNumber1to50()  
       digits.push(digit)
   }
   digits.push(getRanomNumber1to7())
   digits.push(getRanomNumber1to7())
   //return digits; // Remove it 

function getRandomNumber1to50() {
  var num;
  num = Math.random()*50+1;
  num = Math.floor(num);  
  return num
}

function getRanomNumber1to7() {
  var num;
  num = Math.random()*7+1;
  num = Math.floor(num);  
  return num
}
    var mainNumberSpan = document.getElementById('mainNumberSpan');

    mainNumberSpan.innerHTML = digits;
    console.log(mainNumberSpan);
}
</script>
</body>
</html>

检查此代码：-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
 <title>X</title>
</head>
<body>
    <div id="pickButton">
        <input class="button" type="button" value="CLICK HERE TO PICK NOW!" onclick="giveNumbers()">
    </div>

    <div class="mainNumberSpanAndTitle">
        <label>MAIN NUMBERS: </label>
            <span id="mainNumberSpan"></span>
    </div>
<script>

 function giveNumbers() {

   var digits = []
   for (var i = 0; i < 6; i++) {
       var digit = getRandomNumber1to50()  
       digits.push(digit)
   }
   digits.push(getRanomNumber1to7())
   digits.push(getRanomNumber1to7())
   //return digits; // Remove it 

function getRandomNumber1to50() {
  var num;
  num = Math.random()*50+1;
  num = Math.floor(num);  
  return num
}

function getRanomNumber1to7() {
  var num;
  num = Math.random()*7+1;
  num = Math.floor(num);  
  return num
}
    var mainNumberSpan = document.getElementById('mainNumberSpan');

    mainNumberSpan.innerHTML = digits;
    console.log(mainNumberSpan);
}
</script>
</body>
</html>

试试这个在giveNumbers函数之外使用innerHTML，因此可以在giveNumbers函数中更改span的设置值，并且不需要从该函数返回函数给定数{ 变量位数=[]；对于变量i=0；i<6；i++{ var数字=GetRandomNumber1至50；数字。数字； } digits.PushGetRanomNumber1至7； digits.PushGetRanomNumber1至7； var mainNumberSpan=document.getElementById'mainNumberSpan'； mainNumberSpan.innerHTML=数字； } 函数GetRandomNumber1到50{ var-num； num=Math.random*50+1； num=Math.floornum；返回数 } 函数getRanomNumber1到7{ var-num； num=Math.random*7+1； num=Math.floornum；返回数 } 主要数字：试试这个在giveNumbers函数之外使用innerHTML，因此可以在giveNumbers函数中更改span的设置值，并且不需要从该函数返回函数给定数{ 变量位数=[]；对于变量i=0；i<6；i++{ var数字=GetRandomNumber1至50；数字。数字； } digits.PushGetRanomNumber1至7； digits.PushGetRanomNumber1至7； var mainNumberSpan=document.getElementById'mainNumberSpan'； mainNumberSpan.innerHTML=数字； } 函数GetRandomNumber1到50{ var-num； num=Math.random*50+1； num=Math.floornum；返回数 } 函数getRanomNumber1到7{ var-num； num=Math.random*7+1； num=Math.floornum；返回数 } 主要数字：

到底是什么问题？花括号里有些奇怪的东西。第一个函数不应该有两个大括号。首先，可能是打字错误，但你在给定的数字声明中放了两个大括号。然后，这个函数返回一个数组，它本身不会做任何事情，你想对这些数字做什么？当我点击按钮时不会发生任何事情。我只想显示8个随机数。到底是什么问题？大括号中有一些奇怪的东西。第一个函数不应该有两个大括号。首先，可能是打字错误，但你在给定的数字声明中放了两个大括号。然后，这个函数返回一个数组，它本身不会做任何事情，你想对这些数字做什么？当我单击按钮时不会发生任何事情。我只想显示8个随机数。我知道这是y我告诉过使用innerHtmli我知道这是y我告诉过使用innerHtmlGlad it帮助你。接受回答几分钟，当你们能接受的时候。很高兴它能帮助你们。在几分钟内接受答案，到时你们就可以了。