'English'에 해당되는 글 1건

  1. 2018.10.16 영어공부하기
IT이야기/태그연습장2018. 10. 16. 21:21


텍스트파일에 영어단어와 뜻을 한줄씩 적으면 랜덤으로 1분씩 보여주게 됩니다.

아주 간단하게 자바스크립트와 HTML로 구현가능하네요.












-Source

<!DOCTYPE html>
<html>
<head>
<title> New Document </title>
<meta charset="utf-8"/>
<script type="text/javascript">
var cnt = 0;
var test;
var objRun;
function run() {
var arr = test.split("\n");
var view=document.getElementById("content");
cnt = Math.floor(Math.random() * arr.length) + 1;
if(arr.length < cnt) {
cnt = 0;
}
view.textContent = arr[cnt];
}
function fileread(){
var file = document.getElementById("file").files[0];
var reader = new FileReader();
reader.readAsText(file, "utf-8");
reader.onload=function(){
test = reader.result;
run();
objRun= setInterval("run()", 60000);
//view.textContent = reader.result;
};
reader.onerror = function(event){
switch(event.target.error.code){
case error.NOT_FOUND_ERR:
alert("NOT_FOUND_ERR");break;
case error.SECURITY_ERR:
alert("SECURITY_ERR");break;
case error.ABORT_ERR:
alert("ABORT_ERR"); break;
case error.NOT_READABLE_ERR:
alert("NOT_READABLE_ERR"); break;
case error.ENCODING_ERR:
alert("ENCODING_ERR"); break;
}
};
}
</script>
</head>
<body>
<input id="file" type="file">
<input type="button" onclick="fileread()" value="read">
<br/>
<table id="table"></table>
<textarea id="content" readonly style="width:600px; height:80px;"></textarea>
</body>
</html>


'IT이야기 > 태그연습장' 카테고리의 다른 글

블로그에 소스코드 올릴때 태그  (0) 2018.10.04
self emdr  (0) 2018.10.04
Posted by Joseph514