Javascript20 동적으로 글자 수 세기(입력된 글자수 빼기) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 동적으로 글자 수 세기(입력된 글자수 빼기) $(document).ready(function(){ // = $(function(){}) $("textarea").keyup(function(){ //textareas 태그에서 keyup(키보드가 떼어질때) var inputLength = $(this).val().length; //변수 inputLength에 사용자가 입력한값의 길이를 저장 var remain = 150-inputLength; //변수 remain에 150-저장한 길이 $("h1").html(remain); }); }); 글 작성 150 Colored by Color Scripter cs 2022. 10. 4. hover 이벤트 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 event)hover이용하기 .reverse{ /*class reverse에 스타일 속성주기*/ background: black; color : white; } $(function(){ $("h1").hover(function(){ //h1에 hover(마우스가 올라왔을때) $(this).addClass("reverse"); //addClass(class=reverse)를 추가한다 },function(){ //마우스가 h1에서 벗어났을때 (콜백함수) $(this).removeClass("reverse"); //class값을 지운다. }); }); //mouseover, mouseout과 비슷한기능 Colored by Colo.. 2022. 10. 4. 제주코딩베이스캠프문제.25 모범답안) 1 2 3 4 5 6 7 function circle(n){ const result = n*n*3.14; return result; } const r = prompt("원의 반지름을 입력하세요"); console.log(circle(r)); cs 내답안 1 2 3 4 5 6 let lengT = prompt("반지름의 길이를 입력하세요"); let num = (parseInt(lengT, 10)) * (parseInt(lengT, 10)) / 3.14; console.log(num); Colored by Color Scripter cs 2022. 10. 3. 제주코딩베이스캠프문제.24 24 1 2 let name = prompt("이름을 입력하세요"); console.log(name.toUpperCase()); cs toUpperCase : 대문자로 변환 toLowerCase : 소문자로 변환 2022. 10. 3. 이전 1 2 3 4 5 다음