console.log和return对html有什么作用?

console.log和return对html有什么作用?,return,console.log,Return,Console.log,当使用onclick事件时,在我的javascript代码中使用“return”和“console.log”什么都不做,而使用document.write(例如)做什么,所以我知道这不是代码。这可能是一个愚蠢的问题,但为什么呢?当我练习Codecademy时,他们总是使用console.log或return,然后会弹出答案 myArray = [2000, 2200, 2300, 2400, 2600, 3000]; var rand = myArray[Math.floor(Math.rand

当使用onclick事件时,在我的javascript代码中使用“return”和“console.log”什么都不做,而使用document.write(例如)做什么,所以我知道这不是代码。这可能是一个愚蠢的问题,但为什么呢?当我练习Codecademy时,他们总是使用console.log或return,然后会弹出答案

myArray = [2000, 2200, 2300, 2400, 2600, 3000];
var rand = myArray[Math.floor(Math.random() * myArray.length)];

    function swimWorkout() {
        return rand;
    }
</head>
<body>
    <button onclick="swimWorkout();">Find the length </button>
</body>
myArray=[200022002300240026003000];
var rand=myArray[Math.floor(Math.random()*myArray.length)];
功能泳衣(){
返回兰特;
}
找出长度

console
是浏览器中的一个浏览器应用程序,它只写入浏览器的开发人员工具。该网站上的
控制台
也是如此。它只会写入该站点的网页。它不会也不能改变HTML文档或DOM


document.write
是浏览器内部运行的javascript,通过DOM写入HTML文档。

返回语句实际上是指返回将从函数的结束进程传递的值,“console.log”将记录您在浏览器开发工具的console部分上设置的数据(按浏览器上的F12键并转到控制台选项卡)例如

function foo() {
   // do something
   return “ran foo function”;
}

console.log(foo());

console.log()向控制台发送消息,document.write()向html文档添加内容。我没有使用Codeacademy,但我猜控制台(console.log语句所在的位置)中会“弹出”一些东西。每个浏览器都有一个控制台。例如,在Chrome中,导航到View->Developer->Javascript控制台以查看控制台.log()语句的输出。

这确实返回了文档状态的值,正如您所期望的:

function swimWorkout() {
    return rand;
}
然而,这并不是你所期望的:

<button onclick="swimWorkout();">Find the length </button>
然而,这可能是一种有问题的方法。
document.write()
不能提供太多的控制权来控制您要在文档中的何处编写内容。如果您在页面加载时执行了一些内嵌JavaScript,它应该在其所在的位置输出。但之后的任何内容都可能无法在您希望的位置编写

相反,您可以使用其他JavaScript代码来选择一个元素并输出给它。例如,考虑这样的事情:

myArray=[200022002300240026003000];
var rand=myArray[Math.floor(Math.random()*myArray.length)];
功能泳衣(){
document.getElementById('output')。innerText=rand;
}
查找值

这个值是:

这看起来真的可以用谷歌搜索。可能重复“如果指定,给定的值将返回给函数调用方”。事实上,我用谷歌搜索了它,我找到了一些例子,比如来自你的源代码的引用。但是,这并不能回答我的问题,因为对我来说“返回给调用方”意味着当我编写返回1+1的代码时,我将得到2而不是零。“返回1+1”将确实返回值“2”。如果您有生成不同结果的代码,也许您可以显示该代码并解释问题。但这不是您所问的。您问的是“返回”是什么关键字的意思是。这是一个很容易用谷歌搜索的东西。检查我的第一句话。如果你今天觉得特别有帮助,请随意检查我的代码。输出不会返回任何值。谢谢!我会更多地查看开发工具以保持进展。非常感谢!我一直对此有点困惑,这很有帮助。好的,这使它更清楚。我从未使用addEventListener,因此我将进一步研究它。我感谢您的深入澄清。
document.write(rand);