[本]278-29日目JavaScriptコードフォーミュラ
8498 ワード
実習
index.html
-
ハイフンを削除する値を入力します.index.html
<h1>
<span>-</span>
'확인하기' 란 클릭하면 하이픈 제거
</h1>
<div class="container">
<input type="tel" id="phoneNumberText" placeholder="전화번호">
<button id="submitButton" type="submit">확인하기</button>
</div>
<p class="phone-desc">전화번호:</p>
style.cssspan {
background-color: rgb(239, 239, 239);
padding: 0 12px;
}
input {
font-size: 32px;
height: 54px;
vertical-align: middle;
}
button {
padding: 10px;
font-size: 32px;
height: 60px;
vertical-align: middle;
}
.phone-desc {
font-size: 32px;
}
script.jswindow.onload = function () {
const submitButton =document.querySelector('#submitButton');
let phoneDesc = document.querySelector('.phone-desc');
function submitButtonClick() {
const phoneNumber = document.querySelector('#phoneNumberText');
const phoneNumberValue = phoneNumber.value;
phoneDesc.textContent = phoneDesc.textContent + ' ' + phoneNumberValue.replace(/-/g, '');
}
submitButton.addEventListener('click', submitButtonClick);
};
Reference
この問題について([本]278-29日目JavaScriptコードフォーミュラ), 我々は、より多くの情報をここで見つけました https://velog.io/@kodok/책-자바스크립트-코드-레시피-278-29일차テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol