T_era

[JavaScript] 앨범사이트에 JQuery 적용해보기 본문

Programing/Html

[JavaScript] 앨범사이트에 JQuery 적용해보기

블스뜸 2025. 3. 18. 17:24
<script>
        function openclose() {
            $('#posting').toggle();
        }
        function makeCard() {
            let image = $('#image').val();
            let title = $('#title').val();
            let content = $('#content').val();
            let date = $('#date').val();

            let temp_card = `
            <div class="col">
                <div class="card h-100">
                    <img src="${image}"
                        class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">${title}</h5>
                        <p class="card-text">${content}</p>
                    </div>
                    <div class="card-footer">
                        <small class="text-body-secondary">${date}</small>
                    </div>
                </div>
            </div>`;
            $('#cardView').append(temp_card);
        }
</script>

결과