JSFiddle - React, Tailwind, and code Playground

by Web Developer

HTML

<h2><a href="#" class='toggle' id="paketLight" data-value='Пакет LIGHT - цена: 3500 p.'>Light</a></h2>


<h2><a href="#" class='toggle' id="paketStandart" data-value='Пакет STANDART- цена: 6000 p.'>Standart</a></h2>


<h2><a href="#" class='toggle' id="paketVip" data-value='Пакет VIP- цена: 10000 p.'>Vip</a></h2> 
<br>
<br>
<br>
<br>
<form id="wrapForm">
    <input type="text" id="p_scnt" size="20" name="p_scnt" value="packageChoose">
    <br>
    <input type="text" id="input" size="20" name="demo" value="">
</form>

CSS

h2 a {
    display: block;
    position: relative;
    float: left;
    margin: 10px;
    padding: 5px;
    font: 18px Arial;
    background: blue;
    color: #fff;
    text-decoration: none;
}
form input {
    margin: 5px;
    padding: 5px;
}

JavaScript

$(function () {
    $('h2 > a.toggle').click(function () {
        $('#input').val($(this).attr('data-value'))
    })
});