반응형
[광고 누르면 오늘의 행운 상승!!]
정의
<script></script> 안에 JavaScript의 코드를 넣어준다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML과 JavaScript</title>
<link rel = "stylesheet" href = "css/style.css">
<script>
function multi(){
var firstNum = document.forms[0].firstnumber.value;
var secondNum = document.forms[0].secondnumber.value;
var multiValue = firstNum * secondNum;
document.forms[0].value.setAttribute('value',multiValue);
}
</script>
</head>
<body>
<h3>곱셈 계산기</h3>
<form>
<input type = "number" name ="firstnumber" value = "0">x
<input type = "number" name ="secondnumber" value = "0">=
<input type = "text" name ="value">
<input type = "button" value = "계산하기" onClick = "multi()">
</form>
</body>
</html>
반응형
'5. 웹 프로그래밍 > 3. JavaScript' 카테고리의 다른 글
| 데이터타입 2[JavaScript] (0) | 2020.03.15 |
|---|---|
| 데이터 타입 1[JavaScript] (0) | 2020.03.14 |
| JavaScript 구문[JavaScript] (0) | 2020.03.14 |
| 외부 JavaScript 파일 HTML에 연결하기[JavaScript] (0) | 2020.03.14 |
| JavaScript로 무엇을 할 수있을까?[JavaScript] (0) | 2020.03.14 |