우분투 리눅에서 vscode를 설치하셨다면 Vim plugin을 설치할 것을 추천드립니다.
Visual Studio 코드 열기
확장 프로그램으로 이동
검색창에 vim 입력
Vim이라는 첫 번째 플러그인은 원하는 것입니다(VSCodeVim).
설치 버튼을 클릭하십시오
에픽 승리!
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function sum() {
var i , _sum =0;
for (i=0; i<arguments.length; i++){
document.write(i+' : '+arguments[i]+'');
_sum += "*"+arguments[i];
}
return _sum;
}
document.write('result : ' + sum(4));
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function sum() {
var i , _sum =0;
for (i=0; i<arguments.length; i++){
document.write(i+' : '+arguments[i]+'');
_sum += arguments[i];
}
return _sum;
}
document.write('result : ' + sum(1,2,3,4));
</script>
</body>
</html>
1~1000까지의 값을 입력받아 1000송이 장미 만들기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.starPosition { position: absolute;}
</style>
</head>
<body>
<form>
<label for="numStars">생성할 별의 개수(최대1000개):</label>
<input type="number" id="numStars" name="numStars" min="1" max="1000">
<button type="button" onclick="generateStars()">별 생성하기</button>
</form>
<div id="starContainer"></div>
<script>
function RandomStar(locX, locY, starSize) {
this.locX = locX;
this.locY = locY;
this.starSize = starSize;
this.Method = function() {
var starElement = document.createElement("p");
starElement.className = "starPosition";
starElement.style.top = this.locY + "px";
starElement.style.left = this.locX + "px";
starElement.style.fontSize = this.starSize + "px";
starElement.innerHTML = "🌹";
document.getElementById("starContainer").appendChild(starElement);
}
}
function generateStars() {
var numStarsInput = document.getElementById("numStars");
var numStars = parseInt(numStarsInput.value);
if (isNaN(numStars) || numStars < 1 || numStars > 1000) {
alert("생성할 별의 개수는 1부터 1000까지의 정수여야 합니다.");
return;
}
document.getElementById("starContainer").innerHTML = ""; // 기존에 생성된 별 삭제
for (let i = 0; i < numStars; i++) {
var locX = Math.floor(Math.random() * 1900 - 10 + 1) + 10;
var locY = Math.floor(Math.random() * 850 - 10 + 1) + 12;
var starSize = Math.random() * 100 - 10 + 1 + 10;
var tempStar = new RandomStar(locX, locY, starSize);
tempStar.Method();
}
}
</script>
</body>
</html>
'리눅스' 카테고리의 다른 글
| 가상 환경 도커 설치 방법 (0) | 2023.09.14 |
|---|---|
| 리눅스 기초 (0) | 2023.07.07 |
| 쉘 스크립트 리눅스 기초용어2 (0) | 2023.06.27 |
| Linux 리눅스 활용방법 (0) | 2023.06.26 |
