JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="form-group col-3">
<label>Campo</label>
<input id="myInput"  type="text"  readonly="readonly" class="form-control"/><br/>
</div>

<input id="myButton" type="submit" value="update" />

<input type="button" id="grdata" name="grdata" onclick="addData();" value="Data">

JavaScript

//Retirar atributo readonly do campo 
document.getElementById('myButton').onclick = function() {
    document.getElementById('myInput').readOnly = false;
};

document.getElementById('grdata').onclick = function() {

//Pegar data Atual
var currentDate = new Date();
//Capturar campo com dias
var dias = document.getElementById('myInput').value;
//Parse Int dos dias
var a = parseInt(dias);
//currentDate.setDate(currentDate.getDate()+1);
currentDate.setMonth(currentDate.getMonth() + a);

alert("data "+currentDate.toLocaleDateString());





};