T_era
[JavaScript] 앨범사이트에 JQuery 적용해보기 본문
<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>
결과

'Programing > Html' 카테고리의 다른 글
| fetch를 앨범사이트에 적용해보기 (0) | 2025.03.18 |
|---|---|
| fetch 사용해보기 (0) | 2025.03.18 |
| [JavaScript] 기본문법 연습하기 (1) | 2025.03.18 |
| [JavaScript] 기본문법 (0) | 2025.03.18 |
| 이전에 배운 것을 사용해 사이트 만들어보기 (0) | 2025.03.18 |