I am not sure why it will not print the school name info to the text file as well
1
I am completely new to web design. I am trying to send the form data to a .txt file. Currently it only sends the form data for personal information only. Ideally I would like to send all the form data to a txt file. I am not sure what's the problem here. I would appreciate any help.
Build.HTML:
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>
main_test.js:
function saveFormAsTextFile()
var textToSave =
'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'
+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + '
rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn'
'School Name: ' + document.getElementById('school_name').value + '
rn';
var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
javascript html
asked Nov 13 '18 at 2:42
Aashiv PatelAashiv Patel
136
add a comment |
1
I am completely new to web design. I am trying to send the form data to a .txt file. Currently it only sends the form data for personal information only. Ideally I would like to send all the form data to a txt file. I am not sure what's the problem here. I would appreciate any help.
Build.HTML:
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>
main_test.js:
function saveFormAsTextFile()
var textToSave =
'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'
+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + '
rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn'
'School Name: ' + document.getElementById('school_name').value + '
rn';
var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
javascript html
asked Nov 13 '18 at 2:42
Aashiv PatelAashiv Patel
136
add a comment |
1
1
1
I am completely new to web design. I am trying to send the form data to a .txt file. Currently it only sends the form data for personal information only. Ideally I would like to send all the form data to a txt file. I am not sure what's the problem here. I would appreciate any help.
Build.HTML:
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>
main_test.js:
function saveFormAsTextFile()
var textToSave =
'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'
+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + '
rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn'
'School Name: ' + document.getElementById('school_name').value + '
rn';
var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
javascript html
asked Nov 13 '18 at 2:42
Aashiv PatelAashiv Patel
136
I am completely new to web design. I am trying to send the form data to a .txt file. Currently it only sends the form data for personal information only. Ideally I would like to send all the form data to a txt file. I am not sure what's the problem here. I would appreciate any help.
Build.HTML:
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>
main_test.js:
function saveFormAsTextFile()
var textToSave =
'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'
+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + '
rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn'
'School Name: ' + document.getElementById('school_name').value + '
rn';
var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
javascript html
javascript html
asked Nov 13 '18 at 2:42
Aashiv PatelAashiv Patel
136
asked Nov 13 '18 at 2:42
Aashiv PatelAashiv Patel
136
edited Nov 13 '18 at 3:17
Aashiv Patel
asked Nov 13 '18 at 2:42
Aashiv PatelAashiv Patel
136
asked Nov 13 '18 at 2:42
Aashiv PatelAashiv Patel
136
asked Nov 13 '18 at 2:42
Aashiv PatelAashiv Patel
136
136
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
0
SyntaxError: '' string literal contains an unescaped line break
function saveFormAsTextFile()
var textToSave = 'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + ' rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn' +
'School Name: ' + document.getElementById('school_name').value + ' rn';
/* var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();*/
//---For CSV
var downloadLink = document.createElement('a');
downloadLink.href = 'data:text/csv;charset=utf-8,' + encodeURI(textToSave);
downloadLink.target = '_blank';
downloadLink.download = 'resume.csv';
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>answered Nov 13 '18 at 3:41
Kurenai KunaiKurenai Kunai
1,4912720
Where do you mean?
– Aashiv Patel
Nov 13 '18 at 3:46
Do you think there is a way to send this form data to a CSV using just HTML and JavaScript?
– Aashiv Patel
Nov 13 '18 at 3:52
I did not try adding the values to text boxes just ran the code and hit the "Make your resume" button and it opened a notepad file for me. Try running my code.
– Kurenai Kunai
Nov 13 '18 at 3:55
It works now. I am trying to figure out a way to send this form data to a CSV using just HTML and JavaScript.
– Aashiv Patel
Nov 13 '18 at 3:56
It is possible to send this form data to csv. I am editing my answer to include it.
– Kurenai Kunai
Nov 13 '18 at 4:22
|
show 3 more comments
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53273020%2fi-am-not-sure-why-it-will-not-print-the-school-name-info-to-the-text-file-as-wel%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
SyntaxError: '' string literal contains an unescaped line break
function saveFormAsTextFile()
var textToSave = 'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + ' rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn' +
'School Name: ' + document.getElementById('school_name').value + ' rn';
/* var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();*/
//---For CSV
var downloadLink = document.createElement('a');
downloadLink.href = 'data:text/csv;charset=utf-8,' + encodeURI(textToSave);
downloadLink.target = '_blank';
downloadLink.download = 'resume.csv';
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>answered Nov 13 '18 at 3:41
Kurenai KunaiKurenai Kunai
1,4912720
Where do you mean?
– Aashiv Patel
Nov 13 '18 at 3:46
Do you think there is a way to send this form data to a CSV using just HTML and JavaScript?
– Aashiv Patel
Nov 13 '18 at 3:52
I did not try adding the values to text boxes just ran the code and hit the "Make your resume" button and it opened a notepad file for me. Try running my code.
– Kurenai Kunai
Nov 13 '18 at 3:55
It works now. I am trying to figure out a way to send this form data to a CSV using just HTML and JavaScript.
– Aashiv Patel
Nov 13 '18 at 3:56
It is possible to send this form data to csv. I am editing my answer to include it.
– Kurenai Kunai
Nov 13 '18 at 4:22
|
show 3 more comments
0
SyntaxError: '' string literal contains an unescaped line break
function saveFormAsTextFile()
var textToSave = 'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + ' rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn' +
'School Name: ' + document.getElementById('school_name').value + ' rn';
/* var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();*/
//---For CSV
var downloadLink = document.createElement('a');
downloadLink.href = 'data:text/csv;charset=utf-8,' + encodeURI(textToSave);
downloadLink.target = '_blank';
downloadLink.download = 'resume.csv';
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>answered Nov 13 '18 at 3:41
Kurenai KunaiKurenai Kunai
1,4912720
Where do you mean?
– Aashiv Patel
Nov 13 '18 at 3:46
Do you think there is a way to send this form data to a CSV using just HTML and JavaScript?
– Aashiv Patel
Nov 13 '18 at 3:52
I did not try adding the values to text boxes just ran the code and hit the "Make your resume" button and it opened a notepad file for me. Try running my code.
– Kurenai Kunai
Nov 13 '18 at 3:55
It works now. I am trying to figure out a way to send this form data to a CSV using just HTML and JavaScript.
– Aashiv Patel
Nov 13 '18 at 3:56
It is possible to send this form data to csv. I am editing my answer to include it.
– Kurenai Kunai
Nov 13 '18 at 4:22
|
show 3 more comments
0
0
0
SyntaxError: '' string literal contains an unescaped line break
function saveFormAsTextFile()
var textToSave = 'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + ' rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn' +
'School Name: ' + document.getElementById('school_name').value + ' rn';
/* var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();*/
//---For CSV
var downloadLink = document.createElement('a');
downloadLink.href = 'data:text/csv;charset=utf-8,' + encodeURI(textToSave);
downloadLink.target = '_blank';
downloadLink.download = 'resume.csv';
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>answered Nov 13 '18 at 3:41
Kurenai KunaiKurenai Kunai
1,4912720
SyntaxError: '' string literal contains an unescaped line break
function saveFormAsTextFile()
var textToSave = 'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + ' rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn' +
'School Name: ' + document.getElementById('school_name').value + ' rn';
/* var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();*/
//---For CSV
var downloadLink = document.createElement('a');
downloadLink.href = 'data:text/csv;charset=utf-8,' + encodeURI(textToSave);
downloadLink.target = '_blank';
downloadLink.download = 'resume.csv';
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>function saveFormAsTextFile()
var textToSave = 'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + ' rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn' +
'School Name: ' + document.getElementById('school_name').value + ' rn';
/* var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();*/
//---For CSV
var downloadLink = document.createElement('a');
downloadLink.href = 'data:text/csv;charset=utf-8,' + encodeURI(textToSave);
downloadLink.target = '_blank';
downloadLink.download = 'resume.csv';
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>function saveFormAsTextFile()
var textToSave = 'rnn'+
'First Name: ' + document.getElementById('first_name').value + ' rn'+
'Last Name: ' + document.getElementById('last_name').value + ' rn' +
'Email: ' + document.getElementById('user_email').value + ' rn' +
'Phone Number: ' + document.getElementById('phone_number').value + ' rn' +
'Location: ' + document.getElementById('location').value + ' rn' +
'LinkedIn: ' + document.getElementById('linkedin').value + ' rn' +
'School Name: ' + document.getElementById('school_name').value + ' rn';
/* var textToSaveAsBlob = new Blob([textToSave], type:"text/plain");
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("filename").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();*/
//---For CSV
var downloadLink = document.createElement('a');
downloadLink.href = 'data:text/csv;charset=utf-8,' + encodeURI(textToSave);
downloadLink.target = '_blank';
downloadLink.download = 'resume.csv';
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
function destroyClickedElement(event)
document.body.removeChild(event.target);
<!DOCTYPE html>
<html>
<head>
<title>Resumaker</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src = "main_test.js"></script>
</head>
<body>
<header>
<nav>
<h1> RESUMAKER </h1>
<ul>
<li style="float:right"><a class = "active"
href="build.html" target="_blank"><span> Build a Resume
</span></a></li>
<li><a href="createaccount.html" target="_blank"><span>
Create Account </span></a></li>
<li><a href="signin.html" target="_blank"><span> Sign in
</span></a></li>
<li><a href="resources.html" target="_blank"><span>
Resources </span></a></li>
<li><a href="contacts.html" target="_blank"><span> Talk to
us </span></a></li>
</ul>
</nav>
</header>
<h1 class = "third"><strong> Build your resume here! </strong></h1>
<h2 class = "fourth"> YOUR PERSONAL INFO </h2>
<form autocomplete="on" method="post" class = "fourth">
<input onclick="saveFormAsTextFile()" type="button" value = "Make your
resume" />
<input type="reset"><br><br>
<label for = "first_name"> <br><b>First name:</b> </label>
<input type="text" name="first_name" id = "first_name"
placeholder="John" autofocus /><br>
<label for = "last_name"> <b>Last name:</b> </label>
<input type="text" name="last_name" id = "last_name" placeholder="Doe"
/><br>
<label for = "user_email"> <b>Email:</b> </label>
<input type="email" name="user_email" id = "user_email"
placeholder="johndoe@gotham.com" autocomplete="off" /><br>
<label for = "phone_number"> <b>Phone Number:</b> </label>
<input name="phone_number" type="number" id = "phone_number"
placeholder="(987)-654-3210" /><br>
<label for = "location"> <b>Location:</b> </label>
<input type="text" name="location" id = "location" placeholder="Gotham
City" autofocus /><br>
<label for = "linkedin"> <b>LinkedIn:</b> </label>
<input type="url" name="linkedin" id = "linkedin" autofocus /><br>
<label for="filename"> <b>Filename</b></label>
<input type = "text" id="filename" value="" size="40"
placeholder="title.md">
<br/><br/>
</form>
<br><h2 class = "fourth"> YOUR EDUCATIONAL BACKGROUND </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading1"> <b>Section Heading: </b></label>
<input type="text" name="heading1" id="heading1" placeholder="Education"
><br>
<label for = "school_name"> <b>School Name:</b></label>
<input type="text" name="school_name" id="school_name"
placeholder="Gotham University"><br>
<label for = "school_location"> <b>School Location:</b></label>
<input type="text" name="school_location" id="school_location"
placeholder="Gotham City"><br>
<label for = "degree"> <b>Degree:</b></label>
<input type="text" name="degree" id="degree" placeholder="B.S."><br>
<label for = "major"> <b>Major:</b></label>
<input type="text" name="major" autocomplete="off" id="major"
placeholder="Chemical Engineering"><br>
<label for = "gpa"> <b>GPA:</b></label>
<input type="number" name="gpa" id="gpa" placeholder="Out of 4.0"><br>
<label for = "start_date"> <b>Start Date:</b></label>
<input type="month" name="start_date" id="start_date" value="2018-07-22"
/><br>
<label for = "end_date"> <b>End Date:</b></label>
<input type="month" name="end_date" id="end_date" value="2018-07-22" />
<br><br><br>
</form>
<br><h2 class = "fourth"> YOUR WORK EXPERIENCE </h2>
<form autocomplete="on" method="post" class = "fourth">
<label for = "heading2"> <b>Section Heading: </b></label>
<input type="text" name="heading2" id = "heading_2" placeholder="Work
Experience" ><br>
<label for = "company_name"><b>Company Name:</b></label>
<input type="text" name="company_name" id = "company_name"
placeholder="Detective Comics"><br>
<label for = "job_location"><b>Job Location:</b></label>
<input type="text" name="job_location" id = "job_location"
placeholder="Gotham City"><br>
<label for = "job_title"><b>Job Title:</b></label>
<input type="text" name="job_title" id = "job_title" placeholder="B.S.">
<br>
<label for = "job_responsibilities"><b>Job Responsibilities:</b></label>
<input name="job_responsibilities" id = "job_responsibilities"
type="text"><br><br>
<label for = "start_date"><b>Start Date:</b></label>
<input type="month" name="start_date" id = "start_date" value="2018-07-
22" /><br>
<label for = "end_date"><b>End Date:</b></label>
<input type="month" name="end_date" id ="end_date" value="2018-07-22" />
<br><br><br>
</form>
</body>
</html>answered Nov 13 '18 at 3:41
Kurenai KunaiKurenai Kunai
1,4912720
edited Nov 13 '18 at 4:24
answered Nov 13 '18 at 3:41
Kurenai KunaiKurenai Kunai
1,4912720
answered Nov 13 '18 at 3:41
Kurenai KunaiKurenai Kunai
1,4912720
answered Nov 13 '18 at 3:41
Kurenai KunaiKurenai Kunai
1,4912720
1,4912720
Where do you mean?
– Aashiv Patel
Nov 13 '18 at 3:46
Do you think there is a way to send this form data to a CSV using just HTML and JavaScript?
– Aashiv Patel
Nov 13 '18 at 3:52
I did not try adding the values to text boxes just ran the code and hit the "Make your resume" button and it opened a notepad file for me. Try running my code.
– Kurenai Kunai
Nov 13 '18 at 3:55
It works now. I am trying to figure out a way to send this form data to a CSV using just HTML and JavaScript.
– Aashiv Patel
Nov 13 '18 at 3:56
It is possible to send this form data to csv. I am editing my answer to include it.
– Kurenai Kunai
Nov 13 '18 at 4:22
|
show 3 more comments
Where do you mean?
– Aashiv Patel
Nov 13 '18 at 3:46
Do you think there is a way to send this form data to a CSV using just HTML and JavaScript?
– Aashiv Patel
Nov 13 '18 at 3:52
I did not try adding the values to text boxes just ran the code and hit the "Make your resume" button and it opened a notepad file for me. Try running my code.
– Kurenai Kunai
Nov 13 '18 at 3:55
It works now. I am trying to figure out a way to send this form data to a CSV using just HTML and JavaScript.
– Aashiv Patel
Nov 13 '18 at 3:56
It is possible to send this form data to csv. I am editing my answer to include it.
– Kurenai Kunai
Nov 13 '18 at 4:22
Where do you mean?
– Aashiv Patel
Nov 13 '18 at 3:46
Where do you mean?
– Aashiv Patel
Nov 13 '18 at 3:46
Do you think there is a way to send this form data to a CSV using just HTML and JavaScript?
– Aashiv Patel
Nov 13 '18 at 3:52
Do you think there is a way to send this form data to a CSV using just HTML and JavaScript?
– Aashiv Patel
Nov 13 '18 at 3:52
I did not try adding the values to text boxes just ran the code and hit the "Make your resume" button and it opened a notepad file for me. Try running my code.
– Kurenai Kunai
Nov 13 '18 at 3:55
I did not try adding the values to text boxes just ran the code and hit the "Make your resume" button and it opened a notepad file for me. Try running my code.
– Kurenai Kunai
Nov 13 '18 at 3:55
It works now. I am trying to figure out a way to send this form data to a CSV using just HTML and JavaScript.
– Aashiv Patel
Nov 13 '18 at 3:56
It works now. I am trying to figure out a way to send this form data to a CSV using just HTML and JavaScript.
– Aashiv Patel
Nov 13 '18 at 3:56
It is possible to send this form data to csv. I am editing my answer to include it.
– Kurenai Kunai
Nov 13 '18 at 4:22
It is possible to send this form data to csv. I am editing my answer to include it.
– Kurenai Kunai
Nov 13 '18 at 4:22
|
show 3 more comments
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53273020%2fi-am-not-sure-why-it-will-not-print-the-school-name-info-to-the-text-file-as-wel%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
