html 파일은
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<h1>학점 매기기</h1>
<hr>
<button id="button" type="button" onclick="send()">점수 입력</button><br>
<input id="result" type="text" size="10">
<script>
let addWorker = new Wokrer("./sum.js");
function send(){
let score = prompt("점수를 숫자로 입력하세요");
addWorker.postMessage(score);
}
addWorker.onmessage=function(e){
alert(e.data);
document.getElementById("result").value=score+"="+e.data;
}
</script>
</body>
</html>
js 파일은
let grade;
onmessage = function(e){
let score =parseInt(e.data);
if(score>=90) grade="A";
else if(score>=80&&score<=89) grade="B";
else if(score>=70&&score<=79) grade="C";
else if(score>=60&&score<=69) grade="D";
else grade="F";
postMessage(grade);
}
이런식으로 작성을 했는데 메시지가 오는지 확인하려고 잘 안되길래 AddWork.onmessage = function() 에 alert를 넣어봤는데
경고창도 뜨지도 않는걸 보니 자바 스크립트 파일의 워커 태스크로부터 워커 객체에 데이터를 안보내주는 것 같습니다.
어떤 부분이 잘못된건가요?
현재 보이는 것은 다음 문장에 오타가 있습니다.
let addWorker = new Wokrer("./sum.js");
->
let addWorker = new Worker("./sum.js");
한 번 고쳐보고 해보세요.