问题标签 [codepen]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 代码在 Codepen 中有效，但不适用于我的桌面文件
我正在尝试使用 index.html 文件和 script.js 文件运行几行简单的代码，仅此而已。
在 HTML 文件中，我有 doctype html：
对于我的 javascript 部分，我有：
当我在 CodePen 甚至在本网站的代码编辑器中运行它时，它运行良好。但是当我使用桌面上的文件时它不起作用（index.html、script.js 我相信文件夹结构是正确的（script.js 在 javascript 文件夹中。）
谢谢你们
javascript - TypeError：无法在“AudioBufferSourceNode”上设置“buffer”属性：提供的值不是“AudioBuffer”类型
我正在研究现有的codoCircle。降低音量。
它按预期工作。
现在我想在codepen中使用相同的代码，我得到了这个错误
TypeError：无法在“AudioBufferSourceNode”上设置“buffer”属性：提供的值不是“AudioBuffer”类型
我做了一些研究，发现第一个答案很有用。
答案说
在我分配时playSound player.buffer = buffer，缓冲区仍未定义，因为尚未触发加载回调。
这对我来说很有意义，所以我尝试做一个
setTimeout类似的事情：
它没有成功。
您知道任何解决方法吗？为什么在 CodeCircle 中有效，而在 Codepen 中无效？
javascript - 网页在本地运行，但在 GitHub 和 CodePen 上失败
这是一个 WeatherApp，它从 OpenWeatherMap API 中提取数据，并显示一些选定的结果。我在系统上本地运行代码，然后将其上传到 GitHub 存储库以将其作为页面进行测试。令人震惊的是，我发现代码不能用作 GitHub 页面或 CodePen。有什么理由吗？网页链接：WeatherCheck
css - 如何让我的 sass 登录页面在 codepen 上运行？
这里的三支笔中有三个文件，我尝试将它们全部链接在一起，但仍然无法正常工作。感谢您的帮助，谢谢。
这是 variables.sccs 文件
这是 reset.scss 文件
这是编译后的代码
这是我的笔的链接
javascript - 有效的 Javascript 片段在 codepen 或 jsfiddle 上不起作用？
我有一个按钮，单击它会将文本的颜色更改为红色。
下面是一些基本的JS：
和 HTML：
不适用于 JSfiddle 或 Codepen。但是 - 当我制作一个相同的本地 HTML 文件时，它会按预期工作。
为什么这个 vanilla Javascript 在 Codepen/JSfiddle 中不起作用的原因是什么？不涉及任何库（jQuery、React 等）。我的第一个直接想法是在 JSFiddle 中，您可以在负载类型的设置中设置一个属性。我将其设置为onLoad但仍然无法正常工作。Codepen 看起来并不提供对此的控制。
JSFiddle： https ://jsfiddle.net/mo5pro4a/1/
代码笔： https ://codepen.io/anon/pen/YVYZXj
更新：Codepen 实际上看起来还不错 - 现在主要是 jsfiddle 的问题。
jquery - console.log() 没有将数据打印到 codepen.io 上的控制台
我正在尝试测试 api 调用是否成功，但是当我在函数中调用 console.log() 命令时，控制台中没有打印任何内容。请帮忙。
和 ...
此外，当我尝试使用“$('#element').html(variable)”用 jquery 覆盖元素中的 html 时，刷新实际页面时没有任何注册。任何帮助将不胜感激。
html - Codepen 预览未应用所有 CSS
我无法预览我的一个代码笔以在网页上正确显示。本质上，我是在支持 Markdown 的文本编辑器中写一篇文章。发布代码笔所需要做的就是粘贴链接。但是，当我这样做时，预览看起来不对。这是说明问题的两张图片（第一张是错误的，而第二张是正确的）：
如您所见，预览版似乎没有transform正确应用 my 和 margin 样式。这是我的代码：
如果有帮助，您可以在此处查看实际的笔。有什么想法或我想念的东西吗？谢谢！
html - Codepen：项目 - CSS 不工作
目前，我正在尝试使用 Codepen Project 的环境来构建一个网站，然后再进行部署。我正在使用我想开始构建的模板。它有自己的 HTML 页面以及链接的 CSS 和 JS。但是，当我在项目环境中工作时，我似乎无法将 CSS 应用于 html 代码（换句话说，实时预览一直显示裸 HTML）。我尝试将文件上传到项目的根目录，尝试将它们复制到新创建的 css 文件中，并尝试将它们用作外部源（引用到 head 标签中的外部 url）。
这真的很糟糕，因为我觉得 Project 环境确实可以提供很多东西，尽管我无法让它工作。
在此先感谢，并保重！
CODEPEN 项目的链接：
html - Codepen 与本地不匹配
我在 codepen 中编辑了设置以将引导程序用于 css，但它不会像在本地那样显示页面。
这是页面在本地的样子。
这是缩短了段落内容的本地代码。
这是它在 codepen 上的样子。
我错过了什么？提前致谢。