프론트 개발자가 되기 위해 여러가지를 준비하고 있습니다.
1.코딩 테스트 준비[PYTHON ]
=>이태까지 알고리즘을 c언어로만 풀이하였기 때문에... 난이도가 가장 쉽다는 PYTHON도 배울겸 코딩테스트 언어로
준비해보려합니다.
2.프론트 학원 등록
=>차후 기재하도록 하겠습니다.
3.생활코딩 HTML,CSS,JS 인강
이제 거의다 들은 것 같은데, 조금씩 풀어나가는 예제들을 기재해보자 합니다.
JS로 외주를 따는게 목표이기 때문에 제 연습장에만 올리기만하기 보다는, 여기에 남기는 것 또한 의미가있을것 같네요
ㅎㅎ
<!DOCTYPE html>
<html>
<head>
<meta charset ="utf-8">
<script>
function nightDayHnadler(self){
var target = document.querySelector('body');
if(self.value == 'night'){
target.style.backgroundColor = 'white';
target.style.color = 'black';
self.value = 'day';
var alist = document.querySelectorAll('a');
var i = 0;
while(i<alist.length){
alist[i].style.color = 'powerblue';
i = i+1;
}
}
else{
target.style.backgroundColor = 'black';
target.style.color = 'white';
self.value = 'night';
var alist = document.querySelectorAll('a');
var i = 0;
while(i<alist.length){
alist[i].style.color = 'blue';
i = i+1;
}
}
}
</script>
<title>
</title>
<style>
h1{
color: red;
}
</style>
</head>
<body style="background-color: black;">
<script>
document.write('hello world');
</script>
<h1>its my own color</h1>
<h2>HTML</h2>
<input type="button" value="hi" onclick="alert('hi')">
<input type='text' onchange="alert('changed')">
<hr>
<input type = "button" value="night" onclick="
document.querySelector('body').style.backgroundColor='black'">
<input type="button" value="day" onclick="
document.querySelector('body').style.backgroundColor='white'">
<input id="night_day" type="button" value = "night" onclick="
nightDayHnadler(this);
">
<hr>
<input type="button" value = "night" onclick="
nightDayHnadler(this);
">
<!-- <h1>hello world</h1> -->
<!-- <h1>Hello World</h1> -->
</body>
</html>생활코딩 인강을 듣고 따라한 코드입니다.
https://www.youtube.com/watch?v=WsPJ8FsoMcU&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=28
역시 유튜브 인강하면 생활코딩...
'[JS]' 카테고리의 다른 글
| [리눅스]리눅스 서버간 파일 전송 scp명령어 사용법 (0) | 2023.02.19 |
|---|