Advertisement
zornitza_gencheva

14_task_Calculate Expression_html

Jul 17th, 2014
281
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.09 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title>Calculate Expression</title>
  6. <script src="scripts/calcExpression.js" async="async">
  7. </script>
  8. <style>
  9. *{
  10. margin: 0;
  11. padding: 0;
  12. }
  13. section {
  14. margin: 20px auto;
  15. width: 340px;
  16. display: block;
  17. }
  18. input, p {
  19. width: 300px;
  20. height: 30px;
  21. background-color: #234465;
  22. color: #ff9e23;
  23. padding-left: 10px;
  24. }
  25. p {
  26. display: block;
  27. line-height: 29px;
  28. }
  29. button {
  30. height: 30px;
  31. border: 1px solid #ff9e23;
  32. padding: 7px;
  33. display: block;
  34. text-align: center;
  35. margin: 10px 0 10px 110px;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40.  
  41. <section>
  42. <input id="input" type="text" />
  43. <button id="button" onclick="calcExpression()">Eval result</button>
  44. <p id="paragraph"></p>
  45. </section>
  46.  
  47. </body>
  48. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement