export user input from HTML to a txt file using javascript only

Question

<!DOCTYPE html>
<html>
<head>
  <title>User information</title>
  
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <form>
    
  </form>


<h1>User information</h1>

  <label>Starting: <br/>    Date : </label><input id="StartingDate" type="date"/>  Time : <input id = "StartingTime" type="time"/>

  <br/>
  <br/>

  <label>Ending: <br/>    Date : </label><input id="EndingDate" type="date"/>  Time : <input id="EndingTime" type="time"/>

  <br/><br/><br/>

  <label>Application</label>
  <select id="selector">
  <option disabled value="">Please select one</option>
  <option>NGINX</option>
  <option>HSS-FE</option>
  <option>C</option>
  </select>
 <p>Selected: <span id="selected">NGINX</span></p>

 
  <br/><br/>

<label>Parameters:</label>
<div id='example-3'>
  <input type="checkbox" id="CPU" value="CPU" v-model="checkedNames">
  <label for="CPU">CPU</label>
  <input type="checkbox" id="MEMORY" value="MEMORY" v-model="checkedNames">
  <label for="MEMORY">MEMORY</label>
  <input type="checkbox" id="LATENCY" value="LATENCY" v-model="checkedNames">
  <label for="LATENCY">LATENCY</label>
  <br>

</div>

  <br/><br/>

<button>SUBMIT</button>
<script type="text/javascript" src="script.js"></script>
</body>
</html>

This is all I have for the front end. After the user fills in all the information(startingTime, endingTime, application, parameters) and clicks "SUBMIT", all the information will be saved and exported to a text file. I don't know how to write a javascript to address the problem. Thanks a lot for helping me out!!!

export it where? Local Machine, server, etc?

epascarello
– epascarello

2018-06-13 19:23:02 +00:00
Commented Jun 13, 2018 at 19:23 — epascarello
– epascarello, Commented Jun 13, 2018 at 19:23
Check this out stackoverflow.com/questions/461791/…

Jose Manuel Gomez Alvarez
– Jose Manuel Gomez Alvarez

2018-06-13 19:25:22 +00:00
Commented Jun 13, 2018 at 19:25 — Jose Manuel Gomez Alvarez
– Jose Manuel Gomez Alvarez, Commented Jun 13, 2018 at 19:25
export to a local file.

Tianzhu
– Tianzhu

2018-06-13 19:39:12 +00:00
Commented Jun 13, 2018 at 19:39 — Tianzhu
– Tianzhu, Commented Jun 13, 2018 at 19:39

user871619 · Accepted Answer · 2018-06-13 19:27:03Z

1

Answer is here -> https://www.roseindia.net/javascript/javascriptexamples/javascript-write-to-text-file.shtml

function createFile(){
var object = new ActiveXObject("Scripting.FileSystemObject");
var file = object.CreateTextFile("C:\\Hello.txt", false);
file.WriteLine('Hello World');
file.WriteLine('Hope is a thing with feathers, that perches on the soul.'); 
file.Close();
}

answered Jun 13, 2018 at 19:27

user871619

513 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tianzhu Over a year ago

Hi, so I add all the objects like this document.querySelector("button").addEventListener("click",createFile()) var object = { startDate:document.getElementById('StartingDate').value, startTime:document.getElementById('StartingTime').value, endDate:document.getElementById('EndingDate').value, endTime:document.getElementById('EndingTime').value }; and i used "file.WriteLine(Object.values(object));" trying to print it. But I didn't get anything in my txt file.

Manpreet Singh Dhillon · Accepted Answer · 2018-06-13 19:31:01Z

1

You can use data URI as following:

<a href="data:application/octet-stream;utf8,test&nbsp;content">text file</a>

this will download text contents as a file.

answered Jun 13, 2018 at 19:31

Manpreet Singh Dhillon

91311 silver badges20 bronze badges

Collectives™ on Stack Overflow

export user input from HTML to a txt file using javascript only

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related