| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>NJPad</title> |
| <style> |
| body { |
| font-family: Arial, sans-serif; |
| } |
| |
| textarea { |
| width: 100%; |
| height: 300px; |
| padding: 10px; |
| border: 1px solid #ccc; |
| border-radius: 5px; |
| resize: none; |
| } |
| |
| button { |
| padding: 10px 20px; |
| background-color: #4CAF50; |
| color: white; |
| border: none; |
| border-radius: 5px; |
| cursor: pointer; |
| } |
| |
| button:hover { |
| background-color: #45a049; |
| } |
| </style> |
| </head> |
| <body> |
| <h1>NJPad</h1> |
| |
| <textarea id="editor"></textarea> |
| <p></p> |
| <button onclick="saveText()">Rate text</button> |
| |
| <script> |
| function saveText() { |
| var text = document.getElementById("editor").value; |
| |
| alert("Your text " + " {" + text + "} " + "is perfect"); |
| } |
| </script> |
| </body> |
| </html> |
|
|
