网页运行js和html代码的html代码

萧寂173

已于 2024-04-10 00:22:02 修改

阅读量1.7k

点赞数 23

分类专栏： js 文章标签： javascript html 前端

于 2024-04-08 17:23:10 首次发布

本文链接：https://blog.csdn.net/weixin_68658847/article/details/137516755

版权

闲来无事,写俩页面巩固学习知识
此项目已部署,访问地址如下:
https://jinweizhe.netlify.app/

运行js的页面代码如下

<!DOCTYPE html>
<html>
<head>
  <title>JS Code Runner</title>
  <style>
    #container {
   
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    #code-input {
   
      width: 45%;
      height: 400px;
    }

    #run-button {
   
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    #result {
   
      width: 45%;
      height: 400px;
      background-color: #f1f1f1;
      padding: 10px;
      white-space: pre-wrap;
      overflow: auto;
    }
  </style>
</head>
<body>
  <div id="container">
    <textarea id="code-input" placeholder="在这里输入JS代码"></textarea>
    <button id="run-button">运行</button>
    <pre id="result">