함수 사용 예제

FrontEnd/JavaScript

by H_Develop 2022. 7. 5. 08:18

책값 구하기

<script>
Function result () {
	var price = Number(prompt("책값 입력"));
    var discount = Number(prompt("할인율 입력"))/100;
    var delivery = Number(prompt("배송료 입력"));
    
    var sum = parseInt(price - (price * discount) + delivery);
    
    document.write("책 가격 : " + book_price + "<br>");
    document.write("할인율 : " + book_discount + "<br>");
    document.write("배송료 : " + book_delivery + "<br>");
    document.write("최종가격 : " + sum + "<br>");
}

	---------------------------------------------
    
            const price = 25000;
        var discount = 10;
        var shipping = 2500;
        var pay;

        function get_pay (price, discount, shipping) {
            

            var money = price - (price * discount / 100) + shipping;
            return money;
        }
        
        pay = get_pay(price, discount, shipping);
        document.write("- 책값 : " + price + "원<br>");
        document.write("- 할인율 : " + discount + "%<br>");
        document.write("- 배송료 : " + shipping + "원<br>");
        document.write("----------------------------<br>");
        document.write("- 책값 : " + pay + "원<br>");

Table (Button과 함수를 활용한 table 만들기)

<head>
	<style>
        table {width : 500px;
            	text-align : center;
	        	border-collapse: collapse;}
        th {background-color : #eeeeee;}
    </style>
    <script>
    	function table () {
        	var header = "<h2>회원 목록</h2>"
            var table = "";
            	table += "<table border='1'>";
                table += "<tr><th>번호</th><th>이름</th><th>아이디</th><th>비밀번호</th>
                <th>전화번호</th></tr>";
                
           var n=1;
           while (n<=5) {
				table += "<tr><td>" + n + "</td><td>홍길동</td><td>hong</td><td>*****</td>
                <td>010-1234-4567</td>"
                n++;
			}
            
            table += "</table>";
            document.getElementById("header").innerHTML = header;
            document.getElementById("result").innerHTML = table;
        }
    </script>
</head>
<body>
	<button onclick= "table()">회원 목록 보기</button>
    <div id="header"></div>
    <div id="result"></div>
</body>

'FrontEnd > JavaScript' 카테고리의 다른 글

객체 (Window, screen, location, history, navigator) (0)	2022.07.06
객체 (내장 객체, 사용자 정의 객체, 문서 객체 모델DOM, Window브라우저 객체 모델BOM) (0)	2022.07.05
변수 스코프(scope) - 지역변수 전역변수 상수const 익명함수Anonymous Function (0)	2022.07.03
함수 Function (내장함수, 사용자정의함수, 즉시실행함수, 람다식함수 객체) (0)	2022.07.03
외부 JS파일을 HTML에 불러오기 (0)	2022.07.01