Tenho o seguinte código HTML:
<table class="al-center" style="width: 520px;">
<tr>
<td>
<div class='form-group'>
<label class='control-label' for='auto'>RECEBIDO POR*</label>
<input type='text' class='autofocus form_campos form_campos_simples' id='auto' name='verifica_nome'>
<input name='cliente' type='hidden'>
</div>
<div class='form-group'>
<label class='control-label' for='qtd'>QTD*</label>
<input type='text' class='form_campos form_campos_ddd' id='qtd' name='qtd'>
</div>
</td>
</tr>
</table>
Eu preciso colocar ele dentro de uma variável em JavaScript, que esta dentro deste código:
<script>
$('input[name="qtd"]').on('keyup click', function(){
var qtd = $(this).val();
if(qtd > 0) {
$('#inputs table').remove();
var appending = '<table class="al-center" style="width: 520px;">';
for(var i = 1; i <= qtd; i++) {
appending += 'Tenho que por ele aqui';
}
appending += '</table>';
$('#inputs').append(appending);
}else {
$('#inputs table').remove();
}
});
</script>
Funciona se eu colocar tudo em uma linha, o problema e que fica complicado para eu dar manutenção e entender o código.
Como colocar o HTML com a indentação dele?