파라미터 문법 실행이 안되는데 잘못된 부분 부탁드립니다

[sbh]

<div    class="alert-box" id="alert">
        <p  id="title">알림창임</p>
        <button onclick="알림창열기('none')">닫기</button>
</div>
<button onclick="아이디알림창()">버튼1</button>
<button onclick="비번알림창()">버튼2</button>

</body>
 
<style>
.alert-box{
    background-color: blue;
    padding: 20px;
    margin: 10px;
    width: 500px;
    height: 100px;
    font-weight: bold;
    color: aliceblue;
    line-height: 100px;
    text-align: center;
    border-radius: 5px;
    display: none;
}
</style>

<script>
/*function 아이디알림창() {
   // 1. p태그 내용 아이디 입력으로 바꿈
document.getElementById('title').innerHTML='아이디입력요'
// 2. 띄움
document.getElementById('alert').style.display = 'block'  
}
function 비번알림창() {
    document.getElementById('title').innerHTML='비번입력요'
    document.getElementById('alert').style.display = 'block'
} */

function 알림창열기(파라미터) {
   document.getElementById('alert').style.display = 파라미터
   document.getElementById('title').innerHTML='아이디입력요'
   document.getElementById('title').innerHTML='비번입력요'
}
알림창열기('none')
아이디알림창('block')
비번알림창('block')

[codingapple]

function 아이디알림창은 주석해제합시다

[sbh]

function 아이디알림창() {
 //1.p태그 내용 아이디 입력으로 바꿈
document.getElementById('id1').innerHTML = '아이디 입력'
document.getElementById('alert').style.display = 'block'
//2. 띄움  
}
function 비번알림창() {
    document.getElementById('id1').innerHTML = '비번입력'
    document.getElementById('alert').style.display = 'block'
}

상기 비슷한 내용 피라미터 함수로 축약하는 방법이 궁금합니다

[codingapple]

'아이디 입력' 부분만 다른거같은데 그 부분은 파라미터로 뚫어놓은 함수 하나 만들면 될듯요

[sbh]

'아이디 입력' 부분만 다른거같은데 그 부분은 파라미터로 뚫어놓은 함수 하나 만들면 될듯요

이해가 안됩니다. 구체적 해결방법 문의 드립니다

[codingapple]

function 함수(파라미터) {
document.getElementById('id1').innerHTML = 파라미터
document.getElementById('alert').style.display = 'block'
}
만들고 함수('어쩌구') 쓰면 될듯요

[글쓴이]

글