![How to access DOM elements
<div id="UniqueIdHere">
Some Text Here</div>
in jquery
$("#UniqueIDHere")
in brython
from browser import doc
doc["UniqueIDHere"]
or
doc.get(selector="#UniqueIDHere")](https://image.slidesharecdn.com/python-in-the-browser-intro-to-brython-140414012718-phpapp01/75/python-in-the-browser-intro-to-brython-13-2048.jpg?cb=1669168858)
![How to bind event handlers
// Bind onclick handler on button?
def sayHi():
print("hello")
in jquery
in brython
$("#mybutton").bind("click", sayHi)
doc["mybutton"].bind('click', sayHi)](https://image.slidesharecdn.com/python-in-the-browser-intro-to-brython-140414012718-phpapp01/75/python-in-the-browser-intro-to-brython-16-2048.jpg?cb=1669168858)
![How to access local storage
in javascript
in brython
localStorage.setItem("todo_item", "Make a cup of tea")
localStorage.getItem("todo_item")
localStorage.removeItem('favoriteflavor')
from browser.local_storage import storage
storage['foo']='bar'
del storage['foo']](https://image.slidesharecdn.com/python-in-the-browser-intro-to-brython-140414012718-phpapp01/75/python-in-the-browser-intro-to-brython-17-2048.jpg?cb=1669168858)
![Why?
var $next12=getattr(iter(getattr(range,"__call__")(Number(100000))),"__next__")
var $no_break12=true;while(true){
try{
var x=$globals["x"]=$next12();None;
}
catch($err){
if(__BRYTHON__.is_exc($err,[__builtins__.StopIteration])) {__BR
}
else{throw($err)}}
__BRYTHON__.line_info=[3,"__main__"];None;
var $temp=Number(1);None;
if($temp.$fast_augm && a.$fast_augm){a+=$temp;$globals["a"]=a}
else if(!hasattr(a,"__iadd__")){
var a=$globals["a"]=getattr(a,"__add__")($temp);None;
}
else {
a=$globals["a"]=getattr(a,"__iadd__")($temp)
}
}](https://image.slidesharecdn.com/python-in-the-browser-intro-to-brython-140414012718-phpapp01/75/python-in-the-browser-intro-to-brython-22-2048.jpg?cb=1669168858)
![New List Comprehrension Syntax in
Ecmascript
// Before (by hand)
var foo = (function(){
var result = [];
for (var x of y)
result.push(x*x);
return result;
})();
// Before (assuming y has a map() method)
var foo = y.map(function(x) { return x*x });
// After
var foo = [for (x of y) x*x];](https://image.slidesharecdn.com/python-in-the-browser-intro-to-brython-140414012718-phpapp01/75/python-in-the-browser-intro-to-brython-32-2048.jpg?cb=1669168858)
Python In The Browser: Intro to Brython
•2 likes•4,186 views
Download to read offline
Report
Have you ever wished that you can write Python in the browser? Brython is an experimental Javascript library that enables you to leverage the elegance of Python on the client side. Novice programmers who are familiar with Javascript will learn about Brython, how Brython measures up against Javascript, and why getting client-side Python adopted as a mainstream tool is really difficult.
Recommended
More Related Content
What's hot
10 popular software programs written in python ATEES Industrial Training Pvt Ltd
4.6K views•14 slides
What's hot(15)
Similar to Python In The Browser: Intro to Brython
Similar to Python In The Browser: Intro to Brython(20)
More from Susan Tan
More from Susan Tan(7)
Recently uploaded
Recently uploaded(20)