text-align: center;
margin-right: 20px;
}
</style>
</head>
<body>
<form id="form"> ------------------------------------ ①
<input name="input" placeholder="숫자 6개를 쉼표로 구분해 입력하세요." />
<button>추첨</button>
</form>
<div id="result">당첨 숫자: </div>
<div id="bonus">보너스 숫자: </div>
<script>
const $form = document.querySelector('#form');
const $result = document.querySelector('#result');
const $bonus = document.querySelector('#bonus');
$form.addEventListener('submit', (event) => { ------ ②
event.preventDefault();
});
</script>
</body>
프로그램이 시작되면 사용자로부터 숫자 6개를 입력받아야 합니다. 이 부분을 작성해 보겠습니다.