JSFiddle 작동하지만 파일이 없습니다.

내 JSFiddle은 작동하지만 내 컴퓨터의 파일은 작동하지 않습니다. 어쩌면 그들은 연결되어 있지 않거나 내가 간과 한 것일 수 있습니까? 나는 이미 콘솔을 보았지만 아무 것도 나타나지 않습니다.JSFiddle 작동하지만 파일이 없습니다.

프로그래밍에 일찍 열심히 일하므로 올바른 방향으로 팁을 주시면 감사하겠습니다. 감사합니다.

$(document).ready(function() { 
 
    $('#show').click(function() { 
 
     var color = '#'+Math.floor(Math.random()*16777215).toString(16); 
 
     $('body').css('background-color', color); 
 
    }); 
 
});

body { 
 
\t background: #fff18e; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <link href="style.css" rel="stylesheet" type="text/css"> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <script type="text/javascript" scr="javascript.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
     
 
    <title>Choose A COLOR!</title> 
 
    
 
</head> 
 

 
<body> 
 
    
 
    <button id="show">Surprise Me</button> 
 
    
 
</body> 
 
    
 
    
 
</html>

출처

2017-03-10 Chris M Ferguson

콘솔에 아무것도 없다면'''console.log'''를 사용하여 줄 단위로 디버깅을 시도하십시오. 희망적으로 도움이 될 것입니다. – aavrug

아마도 이것은 오타 일뿐입니다. 'javascript.js'를 참조 할 때'src' 대신에'scr'을 작성했습니다. 어쩌면 그것을 해결할 수 있습니다. – Syntac

코드를 가정하면 javascript.js 파일에, 그럼 당신은 이미 할당 된 $중인 변수에 의존 당신이 jquery.js을 포함 시켰습니다 후 <head>에 배치해야합니다. 또한 script 태그의 특성은 이 아니라 src이라는 이름입니다. 이 시도.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="javascript.js"></script>

출처

2017-03-10 11:38:22

감사합니다. 나는 그것에 대해 알지 못했고 앞으로도 그렇게 생각할 것입니다. –

JSFiddle 작동하지만 파일이 없습니다.

답변

관련 문제