I would like to know how I can do that when the user enters all the information, and the button "Create Resume" is clicked, the result opens in a new window, not in the same one. .HTML file WEB 115 Final Project .JS https://drive.google.com/file/d/1YHx-pGnWmnGQOOMmdUAmVr1Tj85nKIm8/view?usp=sharing .CSS @import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap'); p { color: #5f6163; font-family: 'PT Sans', sans-serif; } body { background-color: #ebeef0; } b { color: black; font-family: monospace; font-size: 20px; margin: 10px; padding: 10px; text-align: left; } i { color: teal; font-family: monospace; font-size: 20px; margin: 10px; padding: 10px; } input { width: 200px; padding: 10px; } textarea { width: 270px; padding: 40px; } input[type=button] { background-color: black; text-align: center; color: white; border: 0px; border-radius: 10px; }
I would like to know how I can do that when the user enters all the information, and the button "Create Resume" is clicked, the result opens in a new window, not in the same one.
.HTML file
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="finalProject.css">
<title>WEB 115 Final Project</title>
</head>
<body>
<script src="ProjectJS.js"></script>
</body>
</html>
.JS
https://drive.google.com/file/d/1YHx-pGnWmnGQOOMmdUAmVr1Tj85nKIm8/view?usp=sharing
.CSS
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
p {
color: #5f6163;
font-family: 'PT Sans', sans-serif;
}
body {
background-color: #ebeef0;
}
b {
color: black;
font-family: monospace;
font-size: 20px;
margin: 10px;
padding: 10px;
text-align: left;
}
i {
color: teal;
font-family: monospace;
font-size: 20px;
margin: 10px;
padding: 10px;
}
input {
width: 200px;
padding: 10px;
}
textarea {
width: 270px;
padding: 40px;
}
input[type=button] {
background-color: black;
text-align: center;
color: white;
border: 0px;
border-radius: 10px;
}

Trending now
This is a popular solution!
Step by step
Solved in 2 steps









