javascript — Как поместить значение ввода в заголовок карточки и текст карточки

Как поместить значение ввода в название карты и текст карты

Я новичок в мире сценариев, так что извините за мой плохой заводской код. Я пытаюсь отобразить входное значение в переменной «название карты» и «текст карты» моей переменной «карты»

Вот код:

 {amp}lt;input id="input1" class="form-control form-control-lg" type="text" placeholder="Write something" value=""{amp}gt; {amp}lt;input id="input2" class="form-control" type="text" placeholder="Write something else" value=""{amp}gt; {amp}lt;button class="btn btn-success" id="create"{amp}gt;Create{amp}lt;/button{amp}gt; 
 {amp}lt;script{amp}gt; $(document).ready(function(){ $("#create").click(function(){ let cards = '{amp}lt;div class="card" style="width: 18rem;"{amp}gt;'   '{amp}lt;div class="card-body"{amp}gt;'   '{amp}lt;h5 class="card-title"{amp}gt;{amp}lt;/h5{amp}gt;'   '{amp}lt;p class="card-text"{amp}gt;{amp}lt;/p{amp}gt;'   '{amp}lt;button class="btn btn-primary"{amp}gt;Go somewhere{amp}lt;/button{amp}gt;'   '{amp}lt;/div{amp}gt;'   '{amp}lt;/div{amp}gt;'; $(document.body).append(cards); }); }); {amp}lt;/script{amp}gt; 

Спасибо всем за помощь!

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector