0
jsfiddleからJavascriptコードをコピーしました。ここでローカルのhtmlファイルでjsfiddleコードを実行することができません
は私がやったことです：
<!DOCTYPE html>
<html>
<!-- The function below comes from here: http://jsfiddle.net/redler/QcUPk/8/ -->
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<!-- <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> -->
<script type="text/javascript">
(function makeDiv(){
var divsize = ((Math.random()*100) + 50).toFixed();
var color = '#'+ Math.round(0xffffff * Math.random()).toString(16);
$newdiv = $('<div/>').css({
'width':divsize+'px',
'height':divsize+'px',
'background-color': color
});
var posx = (Math.random() * ($(document).width() - divsize)).toFixed();
var posy = (Math.random() * ($(document).height() - divsize)).toFixed();
$newdiv.css({
'position':'absolute',
'left':posx+'px',
'top':posy+'px',
'display':'none'
}).appendTo('body').fadeIn(100).delay(300).fadeOut(200, function(){
$(this).remove();
makeDiv();
});
})();
</script>
<title>squares with random position</title>
</head>
<body onload="makeDiv()">
</body>
</html>これは、ローカルのhtmlファイルでは動作しません。それは実際にStackOverflowからではなく、エラーメッセージを表示してコードスニペットツールで動作します。
Error:
{
"message": "ReferenceError: makeDiv is not defined",
"filename": "https://stacksnippets.net/js",
"lineno": 1,
"colno": 1
}任意のアイデアは、私が間違って何をやっていますか？
よろしくお願いいたします。
はそれだった – AthMav