Liveweave: Generative AI Web Editor & HTML/CSS/JS Playground
Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
data_array
Python Editor
New
arrow_outward
build
Tools
expand_more
restart_alt
Load "Hello Weaver!"
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <div id="housepriceguesslist"> <select id="ilce"> <option value="0">Choose a state</option> <option value="63999.50712318567">Adalar</option> <option value="6259.918435398593">Ataşehir</option> <option value="46285.35729304834">Beykoz</option> <option value="54258.92953697798">Kadıköy</option> <option value="-3500.620905653726">Kartal</option> <option value="12889.41219909602">Maltepe</option> <option value="-33711.83156847153">Pendik</option> <option value="-34577.42485251657">Sancaktepe</option> <option value="-52183.1608811019">Sultanbeyli</option> <option value="-34760.71735007784">Tuzla</option> <option value="-27379.87966213786">Çekmeköy</option> <option value="-5332.203990418937">Ümraniye</option> <option value="26485.33532820411">Üsküdar</option> <option value="-18732.62070553167">Şile</option> </select> <select id="odasalon"> <option value="0">Choose room number</option> <option value="5940.027623576261">1+0</option> <option value="-1399.625767475593">1+1</option> <option value="-3033.638999060459">2+1</option> <option value="11519.83954756076">3+1</option> <option value="-7018.52116545078">4+1</option> <option value="-6008.081239150166">5+1</option> </select> m2: <input type="text" id="m2"/> Bina Yasi: <input type="text" id="binayasi"/> <br/> <br/> Features: <br/> <br/> <input type="checkbox" id="Bati" value="Bati" price="-783.4452683566533" /> <label for="Bati">Bati</label> <br/> <input type="checkbox" id="Dogu" value="Dogu" price="-4895.732009084263" /> <label for="Dogu">Dogu</label> <br/> <input type="checkbox" id="Guney" value="Guney" price="-2599.001349652765" /> <label for="Guney">Guney</label> <br/> <input type="checkbox" id="Kuzey" value="Kuzey" price="3832.013070771234" /> <label for="Kuzey">Kuzey</label> <br/> <input type="checkbox" id="Amerikan Mutfak" value="Amerikan Mutfak" price="2346.347889828301" /> <label for="Amerikan Mutfak">Amerikan Mutfak</label> <br/> <input type="checkbox" id="Dusakabin" value="Dusakabin" price="-176.5092353740256" /> <label for="Dusakabin">Dusakabin</label> <br/> <input type="checkbox" id="Akilli Ev" value="Akilli Ev" price="-4756.206384200719" /> <label for="Akilli Ev">Akilli Ev</label> <br/> <input type="checkbox" id="Ebeveyn Banyosu" value="Ebeveyn Banyosu" price="10135.50644456019" /> <label for="Ebeveyn Banyosu">Ebeveyn Banyosu</label> <br/> <input type="checkbox" id="Kiler" value="Kiler" price="-10693.49979821809" /> <label for="Kiler">Kiler</label> <br/> <input type="checkbox" id="Kuvet" value="Kuvet" price="-941.0629741243247" /> <label for="Kuvet">Kuvet</label> <br/> <input type="checkbox" id="Parke Zemin" value="Parke Zemin" price="-8453.847199707092" /> <label for="Parke Zemin">Parke Zemin</label> <br/> <input type="checkbox" id="Seramik Zemin" value="Seramik Zemin" price="1545.025601000643" /> <label for="Seramik Zemin">Seramik Zemin</label> <br/> <input type="checkbox" id="Beyaz Esya" value="Beyaz Esya" price="-6048.809809153028" /> <label for="Beyaz Esya">Beyaz Esya</label> <br/> <input type="checkbox" id="Vestiyer" value="Vestiyer" price="12196.91118090195" /> <label for="Vestiyer">Vestiyer</label> <br/> <input type="checkbox" id="Sofben" value="Sofben" price="-10737.89244859713" /> <label for="Sofben">Sofben</label> <br/> <input type="checkbox" id="Deniz" value="Deniz" price="11282.86573070876" /> <label for="Deniz">Deniz</label> <br/> <input type="checkbox" id="Doga" value="Doga" price="-2343.156643471991" /> <label for="Doga">Doga</label> <br/> <input type="checkbox" id="Sehir" value="Sehir" price="5563.430049725494" /> <label for="Sehir">Sehir</label> <br/> <input type="checkbox" id="ADSL" value="ADSL" price="-3356.72813823584" /> <label for="ADSL">ADSL</label> <br/> <input type="checkbox" id="Kablo TV" value="Kablo TV" price="382.2803635971422" /> <label for="Kablo TV">Kablo TV</label> <br/> <input type="checkbox" id="Jakuzi" value="Jakuzi" price="-30111.93145652056" /> <label for="Jakuzi">Jakuzi</label> <br/> <input type="checkbox" id="Uydu" value="Uydu" price="-3399.410429700713" /> <label for="Uydu">Uydu</label> <br/> <input type="checkbox" id="Wi-Fi" value="Wi-Fi" price="7003.293270146708" /> <label for="Wi-Fi">Wi-Fi</label> <br/> <input type="checkbox" id="Hidrofor" value="Hidrofor" price="-5269.113625682333" /> <label for="Hidrofor">Hidrofor</label> <br/> <input type="checkbox" id="Jenerator" value="Jenerator" price="22867.01053021318" /> <label for="Jenerator">Jenerator</label> <br/> <input type="checkbox" id="Mobilya" value="Mobilya" price="349.5578325471051" /> <label for="Mobilya">Mobilya</label> <br/> <input type="checkbox" id="Otopark" value="Otopark" price="1045.408162352963" /> <label for="Otopark">Otopark</label> <br/> <input type="checkbox" id="Ses Yalitimi" value="Ses Yalitimi" price="-3118.162943131565" /> <label for="Ses Yalitimi">Ses Yalitimi</label> <br/> <input type="checkbox" id="Su Deposu" value="Su Deposu" price="-721.6684504257455" /> <label for="Su Deposu">Su Deposu</label> <br/> <input type="checkbox" id="Cami" value="Cami" price="-5023.248140400719" /> <label for="Cami">Cami</label> <br/> <input type="checkbox" id="Kilise" value="Kilise" price="-100.8020800317054" /> <label for="Kilise">Kilise</label> <br/> <input type="checkbox" id="Market" value="Market" price="-1703.095254251564" /> <label for="Market">Market</label> <br/> <input type="checkbox" id="Bogaz" value="Bogaz" price="8378.01573169743" /> <label for="Bogaz">Bogaz</label> <br/> <input type="checkbox" id="Park" value="Park" price="-3087.128719180648" /> <label for="Park">Park</label> <br/> <input type="checkbox" id="Saglik Ocagi" value="Saglik Ocagi" price="1212.584382748071" /> <label for="Saglik Ocagi">Saglik Ocagi</label> <br/> <input type="checkbox" id="Semt Pazari" value="Semt Pazari" price="-800.0159537223599" /> <label for="Semt Pazari">Semt Pazari</label> <br/> <input type="checkbox" id="Fiber Internet" value="Fiber Internet" price="1094.011505067775" /> <label for="Fiber Internet">Fiber Internet</label> <br/> <input type="checkbox" id="Sauna" value="Sauna" price="8677.708176289747" /> <label for="Sauna">Sauna</label> <br/> <input type="checkbox" id="Spor Salonu" value="Spor Salonu" price="1159.884679563385" /> <label for="Spor Salonu">Spor Salonu</label> <br/> <input type="checkbox" id="Tenis Kortu" value="Tenis Kortu" price="16065.26794172257" /> <label for="Tenis Kortu">Tenis Kortu</label> <br/> </div> <input type="text" id="total" value="0" />
.lw { font-size: 60px; }
function calcAndShowTotal() { var total = 55435.04798; // it is constant value which must be the beginning value. $('#housepriceguesslist :checkbox:checked').each(function() { total += parseFloat($(this).attr('price')) || 0; }); $("#housepriceguesslist select, #housepriceguesslist :text").each(function() { if (this.value) { total += parseFloat(this.value); } }); $('#total').val(total); }
Check out the new AI-powered Python Playground
×