admin管理员组

文章数量:1387419

I'm a beginner(self teaching, day 2) in web development, and so far I've learned how to use the console in Chrome for writing functions in Javascript. To further my understanding of how Javascript is implemented, I want to create a blank test environment that I can build from the ground up. I've tried looking at guides for starting a new Javascript project (I want to use Visual Studio Code's "Debugger for Chrome" extension), but every guide starts by saying "open up your project folder", and I don't have any projects yet! I've looked, but haven't found any documentation detailing "how to create a project folder". So my questions are:

  • What files(w/ appropriate extensions) do I need in a folder for a blank webpage?
  • Can I make these files by creating text files and just changing the extensions?
  • Do any of these files need any specific entries or formatting so that they work appropriately with my editor?

Thanks everyone.

I'm a beginner(self teaching, day 2) in web development, and so far I've learned how to use the console in Chrome for writing functions in Javascript. To further my understanding of how Javascript is implemented, I want to create a blank test environment that I can build from the ground up. I've tried looking at guides for starting a new Javascript project (I want to use Visual Studio Code's "Debugger for Chrome" extension), but every guide starts by saying "open up your project folder", and I don't have any projects yet! I've looked, but haven't found any documentation detailing "how to create a project folder". So my questions are:

  • What files(w/ appropriate extensions) do I need in a folder for a blank webpage?
  • Can I make these files by creating text files and just changing the extensions?
  • Do any of these files need any specific entries or formatting so that they work appropriately with my editor?

Thanks everyone.

  • javascript
  • html
  • visual-studio-code
  • file-structure
Share Improve this question asked Oct 12, 2017 at 17:13 Chris PhillipsChris Phillips 2,1342 gold badges22 silver badges44 bronze badges 3
  • 2 do you mean like jsfiddle ? – blurfus Commented Oct 12, 2017 at 17:16
  • 1 The only thing you need is an index.html... then get a default html template and add a script tag to it. In the script tag type your JavaScript. Finally open the index.html file in your browser. It’ll run the JavaScript inside the file. A project folder is simply any directory that holds your project. – jscul Commented Oct 12, 2017 at 17:16
  • 1 @ochi Thanks for pointing me to this resource. It will certainly e in handy while I'm on the move! – Chris Phillips Commented Oct 12, 2017 at 17:20
Add a ment  | 

2 Answers 2

Reset to default 5

Simple HTML page can be enough, but it is better to extract your JS code to separate file:

  • index.html
  • scripts.js

All of these are simple text files, so you can create them as text files first and just change the extension as you suggest.

In your index.html file you need to include that scripts.js file like this:

<!DOCTYPE html>
<html>
  <head><title>Your playground</title></head>
  <body>
    <!--here you can have some HTML markup to play with-->
    <div id="test">test div</div>

    <script src="scripts.js"></script>
  </body>
</html>

You should add the import at the end of the body so you do not need to wait until the DOM is parsed.

Then you can have something like this in your scripts.js:

var el = document.getElementById('test');
alert(el.innerText);

Sure you can also use stuff like https://jsfiddle/ or https://jsbin./.

Simply put, the easiest thing to do is find a folder in your puter hierarchy where you'll be fortable doing your work. Maybe underneath your Documents folder you can create a sub folder called, "Websites." Within Websites you can create, "project_1" or something.

Inside of your project folder you can easily create an index.html file. You can create a blank Notepad.txt file, and then just rename it to index.html. This index.html should include the boiler plate HTML code (such as headers, a blank body, and a tag to a JavaScript file.) From there you could create the corresponding JavaScript file, called project_1.js (js for JavaScript.)

At that point you'll have a basic working directory where you can continue to learn and build your website.

本文标签： htmlHow do I create a blank website file to practice JavascriptStack Overflow

版权声明：本文标题：html - How do I create a blank website file to practice Javascript? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744542389a2611690.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。