Add New Field on Frontend via Button

Ask the community
,
2

I’m not sure I fully understood the question, but you can do it with a repeater.
In the repeater item put a text element (for the title) and an input element.
Next to the repeater, put a Plus button (or ‘Add additional description’ button’).

And do something like:

const data = [{_id: '0', value: ''}];
$w.onReady(() => {
	$w('#repeater1').onItemReady(($i, iData, inx) => {
		$i('#titleText').text = 'Description ' + (inx + 1).toString();
		if(iData.value){$i('#input').value = iData.value;}
	})
	$w('#repeater1').data = data;
	$w('plusBtn').onClick(event => {
		data.push({_id: data.length.toString(), value: ''});
		$w('#repeater1').data = data;
	})
	$w('#input').onInput(event => {
		const $i = $w.at(event.context); 
		const iData= data.find(e => e._id == event.context.itemId);
		iData.value = $i('#input').value;
	})
})