Created
July 9, 2021 09:28
-
-
Save yongheonjeong/012e609b7168b9d3d65c1c16d8c373bc to your computer and use it in GitHub Desktop.
객체의 활용
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<title>WEB1 - JavaScript</title> | |
<meta charset="utf-8"> | |
<script> | |
var Links = { | |
setColor:function(color){ | |
var alist = document.querySelectorAll('a'); | |
var i = 0; | |
while(i < alist.length){ | |
alist[i].style.color = color; | |
i = i + 1; | |
} | |
} | |
} | |
var Body = { | |
setColor:function (color){ | |
var target = document.querySelector('body'); | |
target.style.color = color; | |
}, | |
setBackgroundColor:function (color){ | |
var target = document.querySelector('body'); | |
target.style.backgroundColor = color; | |
} | |
} | |
function nightDayHandler(self){ | |
if(self.value === 'night'){ | |
Body.setBackgroundColor('black'); | |
Body.setColor('white'); | |
self.value = 'day'; | |
Links.setColor('powderblue'); | |
} else { | |
Body.setBackgroundColor('white'); | |
Body.setColor('black'); | |
self.value = 'night'; | |
Links.setColor('blue'); | |
} | |
} | |
</script> | |
</head> | |
<body> | |
<h1><a href="index.html">WEB</a></h1> | |
<input id="night_day" type="button" value="night" onclick=" | |
nightDayHandler(this); | |
"> | |
<ol> | |
<li><a href="index.html">HTML</a></li> | |
<li><a href="CSS.html">CSS</a></li> | |
<li><a href="Games.html">JavaScript</a></li> | |
</ol> | |
<h2>JavaScript</h2> | |
<p> | |
JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web content production. It is used to make webpages interactive and provide online programs, including video games. The majority of websites employ it, and all modern web browsers support it without the need for plug-ins by means of a built-in JavaScript engine. Each of the many JavaScript engines represent a different implementation of JavaScript, all based on the ECMAScript specification, with some engines not supporting the spec fully, and with many engines supporting additional features beyond ECMA. | |
</p> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment