Code playground

Developer
Donald
Size
2,078 Kb
Views
30,360
  1. Code playground Previews
  2. Code playground HTML Codes
  3. Code playground CSS Codes
  4. Code playground JS Codes

How do I make an code playground?

What is a code playground? How do you make a code playground? This script and codes were developed by Donald on 10 September 2022, Saturday.

Code playground Previews
IQ Test

Code playground - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Code playground</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html lang="en" ng-app> <head> <title>Document</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> </head>
<body ng-app='calculatorApp'> <div class='main' ng-controller='mainController'> <h3>{{title}}</h3> <div id='display-box'></div> <div ng-repeat="display in displays"> <button class = 'btn btn-block sm-button col-md-2' onclick='displayVal({{display.icon}})' >{{display.icon}}</button> </div> </div>
</body> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Code playground - Script Codes CSS Codes

.sm-button { border-style: solid; background-color: moccasin; height: 40px; width: 40px; border-radius: 5px; margin-left: 30px; margin-top: 15px; font-weight: bold;
}

Code playground - Script Codes JS Codes

function mainController($scope) { $scope.title = "calculator"; $scope.displays = [ {icon: 'CE'}, {icon: '/'}, {icon: 'X'}, {icon: 7}, {icon: 8}, {icon: 9}, {icon: '-'}, {icon: 4}, {icon: 5}, {icon: 6}, {icon: '+'}, {icon: 1}, {icon: 2}, {icon: 3}, {icon: '='}, {icon: 0}, {icon: '.'}, ];
}
function displayVal(num) { var output = document.getElementById("display-box"); output.innerHTML = num;
}
Code playground - Script Codes
Code playground - Script Codes
Home Page Home
Developer Donald
Username donaldk7
Uploaded September 10, 2022
Rating 3
Size 2,078 Kb
Views 30,360
Do you need developer help for Code playground?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Donald (donaldk7) Script Codes
Name
Quote of the Day
Twitch TV Streamer
Tribute page
Personal Portfolio
Timestamp
A Pen by Donald
Pomodoro clock
Calculator
Tic Tack Toe
Simon game
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!