이제 여기까지 내용을 소화했다면 자바스크립트로 간단한 추측게임을 만들 수 있는 수준까지 근접하셨습니다. 그러나 그전에 난수를 생성할 줄 알아야 합니다. 난수는 아래 코드를 이용해 만들 수 있습니다. Math.random()  아래 코드를 이용해 실행할 수 있습니다. document.getElementById("my-div").innerHTML = Math.random()    위 코딩을 작성해서 실행해 보겠습니다        결과값입니다    세번을 연속실행해봤는데 무작위로 매번 각각 다른 결과가 나왔습니다.  온라인복권추첨도 이 난수기능을 이용해서 실행된다고 합니다.   메인리스트로 가기

while 문도 중요하지만 for문도 많이 사용됩니다. 같은 기능을 하지만 구조가 약간 다릅니다. 아래 코딩은 for문으로 코딩한 예입니다.       밑줄친 부분은 while문에서 for문으로 바뀐 모습입니다. while 루프와 달리 for문에서는 루프관련 모든 정보가 한 줄에 들어갑니다.  이번 경우 숫자 변수는 'i'라고 설정되었습니다. 그리고 이 변수는 보시는 것처럼 1에서 부터 시작됩니다.  한번에 1씩 증가하고 i가 50보다 작거나 같은 한도에서는 계속 반복됩니다. 효과는 while루프와 똑같이 일치합니다. 어떤 것을 사용할지는 문법에 대한 개인 기호에 달려 있습니다.  위 루프의 결과는 아래와 같습니다             메인리스트로 가기

자바스크립트 반복문 루프에 대해서 연습해 보겠습니다 루프는 동일한 행위에 대해서 반복하는 것입니다 (여기서는 while문을 이용합니다) 구글은 검색결과를 보여주기 위해 '루프'를 사용합니다. 소프트웨어 중 루프기능이 들어 있지 않은 것은 없다고 봐도 됩니다.  이제 루프반복문을 이용한 코드를 작성해 보겠습니다. 기존의 모든 코드를 삭제하고 ' numbers'를 아이디로 비어있는 div를 넣습니다.  웹페이지에 1부터 50까지의 숫자를 출력하는 간단한 루프를 만들어 보겠습니다.  루프를 돌리게 되면 해당숫자의 값이 일정범위 내에서 바뀌면서 입력되는 '변수'가 필요합니다. 변수라는 것은 숫자나 일정한 문자를 담는 도구라고 보시면 됩니다. 변수는  'var'로 표시합니다.   var   number = 1  ..

'what is your name?' 이라는 텍스트와 텍스트 입력박스, submit버튼을 웹페이지에 만듭니다. 그런 다음에 사용자가 자신의 이름을 입력하면 'Hello [이름]!'이라는 텍스트가  페이지에 출력되도록 구성요소를 추가합니다. (이 내용을 수행하려면 사용자의 이름과 자신이 설정한 텍스트를 결합해야 합니다 아래처럼 할 수 있습니다) "Hello" + document.getElementById("name").value + "!"   + 기호는 앞과 뒤의 요소를 사슬과 같이 연결시켜줍니다.  Hello와 텍스트 박스의 값 그리고 !를 함께 결합합니다. 그러면 이내용을 코딩으로 구현해 보겠습니다.      항상 코딩의 논리적인 흐름을 반복해서 연습하세요  이 코딩을 실행하면 결과는 아래처럼 됩니다 ..

지금까지 사용자에게 정보를 알려주고 소통하기 위해 팝업창을 이용했습니다. 그러나 이제 페이지 자체 빈문단에서 메시지를 보여 주는 기능을 구현해 보겠습니다. 웹페이지에서 모든 코드를 삭제하고 아래의 내용대로 코딩을 작성합니다.  'my-paragraph'라는 아이디로 빈문단을 넣고 클릭했을때 'that was easy'라는 내용을 보여주는 팝업창이 뜨도록 버튼을 추가하라 이제 이정도는 쉽게 느껴져야 합니다. 아직도 어려우시다면 앞의 내용들을 반복해서 숙지하시기 바랍니다.  위 상자안의 내용을 코딩해 보겠습니다.    'my-paragraph' 만든다는 것은 글자가 들어갈 공간을 미리 정의해 놓은 것(만들어 놓은 것)이고 여기에는 아무것도 아직 입력하지 말고 버튼을 만들어 그 버튼을 클릭했을때 팝업창에 위의..

자바스크립트를 소개합니다. 자바스크립트는  사용자와 상호작용할 수 있도록 돕는기능을 합니다. 자바스크립트는 독립적인 컴퓨터 프로그램이라는 점에서 '완전한' 프로그램언어입니다.  코더가 원하는 대부분의 일들을 수행하는 소프트웨어입니다.   자바스크립트란 무엇인가  자바스크립트는 이책에서 배우는 첫번째 '제대로 된' 코딩언어입니다. 루프, 변수, IF문같은 프로그래밍툴을 사용할 수 있습니다. 특정한 텍스트를 클릭하면 사라지는 기능부터 구글문서를 위한 오피스 프로그램 같은 완전한 응용프로그램을 생성하는 것까지 전반적인 업무에 사용할 수 있습니다. 페이지 자체를 새로 띄우지 않으면서 쌍방향 기능을 제공하는 모든 웹사이트는 자바스크립트를 사용합니다.   자바스크립트의 특징  자바스크립트는 서버가 아니라 사용자의 ..